Menggunakan Kontrol Slider Dengan Postback Otomatis (C#)

oleh Christian Wenz

Unduh PDF

Kontrol Slider di Toolkit Kontrol AJAX menyediakan penggetar grafis yang dapat dikontrol menggunakan mouse. Dimungkinkan untuk membuat slider autopostback setelah nilainya berubah.

Gambaran Umum

Kontrol Slider di Toolkit Kontrol AJAX menyediakan penggetar grafis yang dapat dikontrol menggunakan mouse. Dimungkinkan untuk membuat slider autopostback setelah nilainya berubah.

Langkah-langkah

Untuk membuat penggeser secara otomatis melakukan postback pada perubahan, kedua kotak teks memerlukan atribut AutoPostBack="true": Kotak teks yang akan menjadi penggeser itu sendiri, dan kotak teks yang memegang posisi penggeser. Berikut adalah markup yang diperlukan untuk itu:

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

SliderExtender Kontrol dari ASP.NET AJAX Control Toolkit menetapkan fungsi penggeser ke dua kotak teks:

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

Elemen label tambahan nantinya akan digunakan untuk memberi tahu pengguna tentang postback:

<asp:Label ID="LastUpdate" runat="server" />

Terakhir, ScriptManager kontrol ASP.NET AJAX memuat JavaScript yang diperlukan agar Toolkit Kontrol berfungsi:

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

Sekarang slider memposting kembali; di sisi server, peristiwa ini dapat ditangkap dan ditindaklanjuti:

<script runat="server">
 void Page_Load()
 {
 if (Page.IsPostBack)
 {
 LastUpdate.Text = "Last update: " + DateTime.Now.ToLongTimeString();
 }
 }
</script>

Memindahkan slider memicu postback (Klik untuk melihat gambar ukuran penuh)

Setelah itu, tanggal perubahan ini ditulis dalam label (Klik untuk melihat gambar ukuran penuh)

Berikutnya