Pengenalan Control ASP.NET

Pemrograman ASP.NET menggunakan Visual Web Developer memudahkan Anda sebagai seorang programmer untuk membuat aplikasi web dibandingkan koding manual sperti saat Anda mengembangkan software menggunakan bahasa scripting seperti PHP. Karena Visual Web Developer memudahkan pemrograman berbasis visual, Anda bisa dengan mudah memerintahkan web melakukan action tertentu hanya dengan kode VB seolah Anda sedang membuat aplikasi desktop.

2.1 Check Box

Checkbox adalah komponen yang bisa dipilih menggunakan tanda cek. Dalam berbagai alternatif pilihan, user bisa membuat checkbox lebih dari satu. Beberapa properti dari objek checkbox di ASP.NET ini adalah sebagai berikut:

Properti	Diskripsi
AutoPostBack	Menentukan apakah form harus memposting langsung seketika setelah properti checked diubah. Nilai aslinya adalah False.
CausesValidation	Menentukan apakah halaman akan divalidasi jika button diklik.
Checked	Menentukan apakah checkbox diklik atau tidak.
InputAttributes	Memberi atribut nama dan value yang digunakan untuk elemen input dari kontrol checkbox.
LabelAttributes	Memberi atribut nama dan value yang digunakan untuk elemen label dari kontrol checkbox.
Runat	Menentukan apakah kontrol ini adalah kontrol server. Karena itu harus diset ke server.
Text	Teks di sebelah kanan checkbox.
TextAlign	Menentukan di sisi mana dari checkbox ditampilkan teksnya
ValidationGroup	Group kontrol dimana checkbox mengeksekusi validasi ketika di-postback ke server
OnCheckedChanged	Fungsi yang dieksekusi ketika propreti checked diubah

Latihan

1. Buat website baru dengan nama latihanCheckbox.
2. Masukan dua label, tiga checkbox dan satu button sesuaikan desainya seperti gambar di bawah ini.
   
3. Atur properties-nya sesuai tabel di bawah ini.id: lblHasil

   Object	Properties
   Label1	text: Apa Makanan Favorit Anda? font bold: True font size: X-Large
   Label2	id: lblHasil
   Checkbox1	id: cbAyamGoreng text: Ayam Goreng
   Checkbox2	id: cbBebekGoreng text: Bebek Goreng
   Checkbox3	id: cbRendang text: Rendang
   Button1	id: btnProses text: Proses

4. Pastikan tampilan desainnya sesuai gambar di bawah ini.
   
5. Double click pada button proses kemudian masukan koding program di bawah ini.

   Dim hasil As String = "" If Me.cbAyamGoreng.Checked = True Then hasil += Me.cbAyamGoreng.Text End If If Me.cbBebekGoreng.Checked = True Then hasil += " " + Me.cbBebekGoreng.Text End If If Me.cbRendang.Checked = True Then hasil += " " + Me.cbRendang.Text End If Me.Label2.Text = "Makanan favorit Anda adalah : " + hasil

6. Sesuaikan kodingnya seperti gambar di bawah ini.
   
7. Tekan icon run atau tombol F5 pada keyboard untuk menjalankan program. ketika program sudah berhasil dijalankan pilih makanan favorit Anda kemudian klik button proses.
   

Kembali

Lanjut