PRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL

Assalamu'alaikum Wr. Wb. hai hai hai,, Kembali lagi dengan saya yang sudah lama tidak blogging. Kali ini saya akan membahas tentang Control Event pada ASP.Net.
 ASP.NET Control merupakan komponen utama dari ASP.NET Framework yang dieksekusi di server kemudian hasilnya ditampilkan ke browser client. Control-control tersebut dideklarasikan seperti HTML biasa, perbedaannya yaitu menuliskan tag <asp:> pada awal jenis control yang akan ditambahkan. Untuk lebih jelasnya saya akan memberikan contoh pratikum-pratikumnya.

A. Menangani Event OnClik
     Pertama buatlah project baru dengan cara Tekan New Project -> language C# -> Web -> ASP.NET Website Empty App -> Namakan dengan Bab2 dan tempatkan di Folder Pelajaran Anda. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama EventOnClick.aspx. Kemudian ketikkan code seperti dibawah ini :

Setelah itu Klik kanan dan view code

Kemudian Run dengn Ctrl+F5. dan inilah hasilnya:

B. Menggunakan ViewState
    Caranya seperti di atas dan ketikkan code berikut:

Klik kanan dan view code:

Jika di run akan tampil :

jika anda klik button add dan itu sudah mencapai batas yang terakhir maka akan muncul seperti ini :

C. Menggunakan Label Control
     Ketikkan Code :

 Dan jika di run akan menghasilkan :

D. Menggunakan Jenis TextBox Control
    Ketikkan code :

Jika di run :

E. Menggunakan AutoPostBack
    Ketikkan code :

   Klik kanan >> view code :

dan jika di run :

F. Menggunakan CheckBox Control
    Ketikkan code :

   Klik kanan view code :

  Jika di run :
  Ini hasil yang salah karena belum di centang

  Ini hasil yang benar

G. Menggunakan RadioButton Control
    Ketikkan code :
   

   Klik kana dan view code :

   Dan jika di run :

H. Menggunakan Cross-Page Post
    Ketikkan code :

  Setelah itu buatlah project baru dengan nama CrossPageResult.aspx yang nantinya project ini digunakan untuk menggabungkan kedua halaman tersebut. Dan ketikkan kode berikut :

   Kemudian klik kanan --> view code :

  Dan inilah hasilnya :

I. Menggunakan Command Event
   Ketikkan code :

    Dan klik kanan >> view code :

    Dan jika di run :

    Urut Asc :

    Urut Desc :

J. Menggunakan Image Control
   Ketikkan code :

   Klik kanan >> view code :

    Jika di run :

    Catatan : Gambar akan otomatis merandom.

K. Menggunakan Panel Control
     Ketikkan code :

    Klik kanan >> view code :

    Jika di run :

Dan berikut contoh tugasnya :

  Setelah itu klik kanan >> pilih view code :

  Dan jika di run hasilnya seperti dibawah ini :

   Kemudian jika diisikan data maka data tersebut akan muncul diatasnya, seperti pada gambar :

Sekian, Selamat Mencoba :))