資料繫結滑桿控制項 (VB)

作者 ：擷取 Wenz

下載 PDF

AJAX 控制項工具組中的滑杆控制項提供可使用滑鼠控制的圖形化滑杆。 可以將滑杆的目前位置系結至另一個 ASP.NET 控制項。

概觀

AJAX 控制項工具組中的滑杆控制項提供可使用滑鼠控制的圖形化滑杆。 可以將滑杆的目前位置系結至另一個 ASP.NET 控制項。

步驟

若要啟用 ASP.NET AJAX 和 Control Toolkit 的功能，控制項 ScriptManager 必須放在頁面上 (，但在 <form> 元素內) ：

<asp:ScriptManager ID="asm" runat="server" />

接下來，將兩個 TextBox 控制項新增至頁面。 其中一個會轉換成圖形化滑杆，另一個則會保留滑杆的位置。

<asp:TextBox ID="Slider1" runat="server" />
<asp:TextBox ID="SliderValue" runat="server" />

下一個步驟已經是最後一個步驟。 SliderExtender來自 ASP.NET AJAX 控制項工具組的控制項會在第一個文字方塊外建立滑杆，並在滑杆位置變更時自動更新第二個文字方塊。 為了讓該屬性能夠運作， SliderExtender 's TargetControlID 屬性必須設定為第一個文字方塊的識別碼; BoundControlID 屬性必須設定為第二個文字方塊的識別碼。

<ajaxToolkit:SliderExtender ID="se1" runat="server" TargetControlID="Slider1"
 BoundControlID="SliderValue" />

如您在瀏覽器中所見，資料系結會雙向運作：在文字方塊中輸入新值會更新滑杆的位置。 如果您讓第二個文字方塊變成隻讀，您可以將弱式保護新增至文字欄位，讓使用者難以手動更新該處的值。

滑杆和文字方塊 (按一下即可檢視大小完整的影像)

[上一步]