Cara Membuat Event Klik pada ASP.Net

Pada Mata kuliah pelajaran Pemrograman Web Lanjut (ASP.net) yang diajar oleh Bapak Wibisono Sukmo,ST,MT. Pertemuan pertama kami membahas tentang bagaimana membuat aksi Event Click dengan ASP Net. Kebetulan pada mata kuliah ini kami menggunakan bahasa pemrograman C# yang dimana sudah diajarkan pada semester sebelumnya. Selain bahasa pemrograman C# masih ada bahasa lain yang mendukung berjalannya pemrograman ini, yaitu Bahasa yang berbau .NET seperti Visual Basic .NET, J# atau lainnya.

Dalam pertemuan kali ini kami diajarkan bagaiman membuat Event Click pada ASP.Net Menggunakan bahasa C# yang dimana setiap kode nya kami menjelaskannya dibawah :

1.      Untuk pertama kali membuat project kita memilih ASP.Net yang berada di File > New Project > Other Languages > Visual C# > Web > Pilih ASP.Net Empty Web Application.

2.      Isi dengan nama aspproject00 dan Klik OK

3.      Klik Kanan Pada aspproject00 yang ada di pojok kanan pilih ADD > New Item > Web Form. Dan berinama EventClick.aspx

4.      Selanjutnya buat sebuah button dengan memasukkan kode dibawah ini berada di dalam <div>

<asp:Button ID="btnKirim" Text="Klik disini" runat="server" />

Keterangan Kode :

·         <asp:Button />

Berfungsi untuk membuat sebuah button dengan format kode ASP

·         ID="btnKirim"

Berfungsi untuk memberi identitas bahwa button itu bernama “btnKirim”

·         Text="Klik disini"

Berfungsi memberi nama button yang dibuat. Jika tidak ada ini maka button tidak ada tulisan apapun atau kosong

·         runat="server"

Berfungsi untuk mengirimkan aksi button tersebut kedalam server

5.      Jika sudah sekarang membuat sebuah label yang berfungsi untuk mengeluarkan aksi button ketika diklik dengan menuliskan kode dibawah ini :

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

Keterangan Kode :

·         <asp:Label />

Berfungsi untuk membuat sebuah label dengan format kode ASP

·         ID="label1"

Berfungsi untuk memberi identitas bahwa label itu bernama “label1”

·         runat="server"

Berfungsi untuk mengirimkan aksi button tersebut kedalam server

6.      Setelah itu silahkan klik button yang telah dibuat tadi dengan cara double klik. Maka akan keluar lembaran kode yang kita gunakan yaitu kode pemrograman C#

7.      Jika sudah silahkan tuliskan kode berikut ini untuk membuat aksi button itu keluar apa jika di klik

label1.Text = "Hello World !";

Keterangan Kode :

·         label1.Text = "Hello World !";

Berfungsi untuk mengeluarkan hasil outputan ketika button ada aksi ketika diklik

Jika sudah maka ketika dijalankan dan kita mengklik Button tersebut maka akan keluar tampilan seperti dibawah ini :