資料繫結滑桿控制項 (C#)
作者 :擷取 Wenz
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" />
如您在瀏覽器中所見,資料系結會雙向運作:在文字方塊中輸入新值會更新滑杆的位置。 如果您讓第二個文字方塊變成隻讀,您可以將弱式保護新增至文字欄位,讓使用者難以手動更新該處的值。
滑杆和文字方塊 (按一下即可檢視大小完整的影像)
意見反應
https://aka.ms/ContentUserFeedback。
即將登場:在 2024 年,我們將逐步淘汰 GitHub 問題作為內容的意見反應機制,並將它取代為新的意見反應系統。 如需詳細資訊,請參閱:提交並檢視相關的意見反應