Bagikan melalui


Databinding Kontrol Pengguncur (C#)

oleh Christian Wenz

Unduh PDF

Kontrol Slider di Toolkit Kontrol AJAX menyediakan penggetar grafis yang dapat dikontrol menggunakan mouse. Dimungkinkan untuk mengikat posisi slider saat ini ke kontrol ASP.NET lain.

Gambaran Umum

Kontrol Slider di Toolkit Kontrol AJAX menyediakan penggetar grafis yang dapat dikontrol menggunakan mouse. Dimungkinkan untuk mengikat posisi slider saat ini ke kontrol ASP.NET lain.

Langkah-langkah

Untuk mengaktifkan fungsionalitas ASP.NET AJAX dan Control Toolkit, ScriptManager kontrol harus diletakkan di mana saja di halaman (tetapi dalam <form> elemen ):

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

Selanjutnya, tambahkan dua TextBox kontrol ke halaman. Satu akan diubah menjadi slider grafis, dan yang lain akan memegang posisi slider.

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

Langkah selanjutnya sudah menjadi langkah terakhir. SliderExtender Kontrol dari ASP.NET AJAX Control Toolkit membuat penggeling keluar dari kotak teks pertama dan secara otomatis memperbarui kotak teks kedua saat posisi penggeling berubah. Agar berfungsi, SliderExtenderatribut 's TargetControlID harus diatur ke ID kotak teks pertama; BoundControlID atribut harus diatur ke ID kotak teks kedua.

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

Seperti yang Anda lihat di browser, pengikatan data berfungsi di kedua arah: memasukkan nilai baru di kotak teks memperbarui posisi penggeser. Jika Anda membuat kotak teks kedua baca saja, Anda dapat menambahkan perlindungan lemah ke bidang teks sehingga lebih sulit bagi pengguna untuk memperbarui nilai di sana secara manual.

Slider dan kotak teks disinkronkan

Slider dan kotak teks disinkronkan (Klik untuk melihat gambar ukuran penuh)