Menggunakan Kontrol Slider Dengan Postback Otomatis (VB)

oleh Christian Wenz

Unduh PDF

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

Gambaran Umum

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

Langkah-langkah

Untuk membuat penggeser secara otomatis melakukan postback setelah 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" />

Akhirnya, ScriptManager kontrol ASP.NET AJAX memuat JavaScript yang diperlukan agar Control Toolkit berfungsi:

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

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

<script runat="server">
 Sub Page_Load()
 If Page.IsPostBack Then
 LastUpdate.Text = "Last update: " & DateTime.Now.ToLongTimeString()
 End If
 End Sub
</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)

SebelumnyaBerikutnya