Contoh Auto PostBack – ASP.NET AJAX Tutorial

Penggunaan teknik autopostback merupakan teknik yang langsung melakukan reaksi terhadap perubahan yang terjadi dalam sebuah komponen tanpa menunggu penekanan sebuah tombol atau proses refresh. Atau dengan kata lain Auto Postback merupakan proses refresh instant yang terjadi saat pengguna melakukan reaksi terhadap suatu komponen. Berikut ini merupakan sebuah contoh proses autopostback dengan menggunakan teknik AJAX.

Buat WebSite baru kemudian pilih ASP.NET – AJAX Enabled Web Site. Desain tampilan pada Visual Web Developer (Script Manager) sebagai berikut :

Sebelum masuk ke coding buat dahulu file dengan format .txt difolder project, beri nama data.txt kemudian isikan text sebagai berikut :

Belanda, jerman, prancis, portugal, indonesia

Berikutnya buat lagi file dengan format .txt difolder project, beri nama detail.txt kemudian isikan dengan text sebagai berikut :

Edwin van der Sar (Manchester United FC), Giovanni van Bronckhorst (Feyenoord), Nigel de Jong (Hamburg), Denny Landzaat (Feyenoord), Wesley Sneijder (Real Madrid), Rafael van der Vaart (Hamburg), Ryan Babel (Liverpool), Klaas Jan Huntelaar (Ajax), Dirk Kuyt (Liverpool), Ruud van Nistelrooy (Real Madrid), Robin van Persie (Arsenal), Arjen Robben (Real Madrid)
Jens Lehmann (Arsenal/Inggris), Philipp Lahm (Bayern Munich), Michael Ballack (Chelsea/Inggris), Torsten Frings (Werder Bremen), Bastian Schweinsteiger (Bayern Munich), Tim Borowski (Werder Bremen), Miroslav Klose (Bayern Munich), Lukas Podolski (Bayern Munich), Kevin Kuranyi (Schalke 04), Oliver Neuville (Borussia Moenchengladbach)
Gregory Coupet (Lyon), Eric Abidal (Barcelona/Spanyol), Patrice Evra (Manchester United/Inggris), William Gallas (Arsenal/Inggris), Patrick Vieira (Inter Milan/Italia), Florent Malouda (Chelsea/Inggris), Franck Ribery (Bayern Munich/Jerman), Nicolas Anelka (Chelsea/Inggris), Thierry Henry (Barcelona/Spanyol), Karim Benzema (Lyon), Sidney Govou (Lyon)
Ricardo (Real Betis Balompié), Ricardo Carvalho (Chelsea FC), Pepe (Real Madrid CF), Deco (FC Barcelona), Nuno Gomes (SL Benfica), Cristiano Ronaldo (Manchester United FC), Nani (Manchester United FC), Hugo Almeida (Werder Bremen), Ricardo Quaresma (FC Porto), Hélder Postiga (Panathinaikos FC).
Markus Horison/Jendri Pitos (kiper), Charis Yulianto, Nova Aryanto, Mohamad Ridwan/Heru Nerli, Fandi Mochtar, Mahyadi Panggabean/Eka Ramdani/Hariono, Syamsul Bahri, Ponaryo Astaman (K)/Legimin, Firman Utina/Arass/Paulo Rumere, Arif Suyono, Bambang Pamungkas.

Set property AutoPostBack dari dropdownlist menjadi True. Berikutnya dobel klik dropdownlist dan masukkan code berikut pada event DropDownList1_SelectedIndexChanged

Dim xFile As String = Server.MapPath(“detail.txt”)
Dim xdata() As String
If System.IO.File.Exists(xFile) Then
xdata = Split(System.IO.File.ReadAllText(xFile), Chr(13))
End If
TextBox1.Text = xdata(DropDownList1.SelectedIndex)

Pada code diatas prosedur ReadAllText digunakan untuk pembacaan file text secara utuh. Fungsi FileExist digunakan untuk melakukan pengecekan file tersebut berada didalam web server atau tidak. Fungsi Server.MapPath akan mengembalikan nilai string yang berupa URL path dari sebuah file yang ada didalam web server. Fungsi Split digunakan untuk pemisah/pemecah sebuah string kedalam suatu array berdasarkan tanda pemisah tertentu. Pada contoh file text yang telah dibuat diatas dipisahkan dengan tanda enter (ganti baris). Dengan kata lain setiap ganti baris dianggap sebuah array baru.

Langkah berikutnya adalah memberikan code pada saat event Page_Load. Codingnya adalah sebagai berikut :

Dim xFile As String = Server.MapPath(“data.txt”)
Dim xData() As String
If Not IsPostBack Then
If System.IO.File.Exists(xFile) Then
xData = Split(System.IO.File.ReadAllText(xFile), “,”)
End If
With DropDownList1
.DataSource = xData
.DataBind()
End With
End If

Pada kode diatas pengecekan IsPostBack berarti bahwa pengisian data didalam dropdownlist hanya diisikan pada saat halaman web loading pertama kali.

Sekarang coba kamu jalankan dengan menekan Ctrl + F5, Coba kamu pilih item yang ada di DropDownList maka data detail akan ditampilkan pada textbox tanpa terjadi flicker (berkedip) pada web browser.

Nah mungkin ada tambahan masukan atau pertanyaan? Silahkan posting comment dibawah, thanks