Kaydırıcı Denetiminde Veri Bağlama (C#)Databinding the Slider Control (C#)

Hristia WENZ tarafındanby Christian Wenz

Kodu indirin veya PDF 'yi indirinDownload Code or Download PDF

AJAX denetim araç setinde kaydırıcı denetimi, fare kullanılarak denetlenebilecek bir grafik kaydırıcı sağlar.The Slider control in the AJAX Control Toolkit provides a graphical slider that can be controlled using the mouse. Kaydırıcısının geçerli konumunu başka bir ASP.NET denetimine bağlamak mümkündür.It is possible to bind the current position of the slider to another ASP.NET control.

Genel bakışOverview

AJAX denetim araç setinde kaydırıcı denetimi, fare kullanılarak denetlenebilecek bir grafik kaydırıcı sağlar.The Slider control in the AJAX Control Toolkit provides a graphical slider that can be controlled using the mouse. Kaydırıcısının geçerli konumunu başka bir ASP.NET denetimine bağlamak mümkündür.It is possible to bind the current position of the slider to another ASP.NET control.

AdımlarSteps

ASP.NET AJAX ve Denetim araç seti işlevlerini etkinleştirmek için, ScriptManager denetimi sayfada herhangi bir yere yerleştirmeli (ancak <form> öğesi içinde):In order to activate the functionality of ASP.NET AJAX and the Control Toolkit, the ScriptManager control must be put anywhere on the page (but within the <form> element):

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

Sonra, sayfaya iki TextBox denetimi ekleyin.Next, add two TextBox controls to the page. Biri bir grafik kaydırıcısının içine dönüştürülecek ve diğeri kaydırıcının konumunu tutacaktır.One will be transformed into a graphical slider, and the other one will hold the position of the slider.

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

Sonraki adım zaten son adımdır.The next step is already the final step. ASP.NET AJAX denetim araç setinde SliderExtender denetimi, ilk metin kutusunun bir kaydırıcısını açar ve kaydırıcı konumu değiştiğinde ikinci metin kutusunu otomatik olarak güncelleştirir.The SliderExtender control from the ASP.NET AJAX Control Toolkit makes a slider out of the first text box and automatically updates the second text box when the slider position changes. Bunun çalışması için, SliderExtender``TargetControlID özniteliği ilk metin kutusunun KIMLIĞI olarak ayarlanmalıdır; BoundControlID özniteliğin ikinci metin kutusunun KIMLIĞINE ayarlanması gerekir.In order for that to work, The SliderExtender's TargetControlID attribute must be set to the ID of the first text box; the BoundControlID attribute must be set to the ID of the second text box.

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

Tarayıcıda görebileceğiniz gibi, veri bağlama her iki yönde de çalışacaktır: metin kutusuna yeni bir değer girildiğinde kaydırıcının konumunu günceller.As you can see in the browser, the data binding works in both directions: entering a new value in the text box updates the slider's position. İkinci metin kutusunu salt okunurdur yaparsanız, metin alanına zayıf bir koruma ekleyebilirsiniz, böylece Kullanıcı burada değeri el ile güncelleştirebilir.If you make the second text box read only, you may add a weak protection to the text field so that it is harder for the user to manually update the value in there.

kaydırıcı ve metin kutusu eşitlenmişSlider and text box are in sync

Kaydırıcı ve metin kutusu eşitlenmiş (tam boyutlu görüntüyü görüntülemek Için tıklayın)Slider and text box are in sync (Click to view full-size image)