Minggu, 01 Desember 2013

Praktikum ASP #5



#Control Event

Assalamualaikum wr. wb . Pada postingan kali ini saya akan share tentang Praktikum ASP 5 , langsung saja  ke tutorialnya ya

A. Menangani Event OnClick
1. Buka Visual studio Anda , yang pertama kita akan buat project untuk menangani Event OnClick

2. Tekan New Project -> language C# -> Web -> ASP.NET Website Empty App -> Namakan dengan Bab2 dan tempatkan di Folder Pelajaran Anda.



3. Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama EventOnClick.aspx.


4. Ketikkan Kode dibawah ini

Klik pada tombol button dan ketikkan kode di bawah


Tekan Ctrl+F5

B. Menggunakan ViewState
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama UseViewState.aspx

Lihat pada split source klik button lalu ketikkan kode


Tekan Crl+F5





C. Menggunakan Label Control
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama LabelControl.aspx , ketikkan kode



Ctrl+F5 , maka akan menjadi seperti di bawah


D. Menggunakan Jenis TextBox Control 
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama JenisTextBox.aspx , ketikkan kode seperti dibawah

Tekan Ctrl+F5 dan lihat hasilnya


E. Menggunakan AutoPostBack
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama AutoPostBack.aspx , ketikkan kode seperti dibawah ini

Pada Split Source klik kanan halaman view code lalu ketikkan kode dibawah
Ctrl+F5 pada AutoPostBack.aspx , maka akan tampil
F. Menggunakan ChexBox
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama CheckBox.aspx , lalu ketikkan seperti dibawah ini

tekan view split , tekan Ctrl+F5 maka hasilnya adalah

jika tidak dicentang maka hasilnya false


jika dicentang maka hasilnya true
G. Menggunakan Radio Button
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama RadioButton.aspx kemudian ketikkan kode seperti contoh dibawah ini:



klik view split
double klik pada tombol button lalu ketikkan kode dibawah ini

kembali ke RadioButton.aspx lalu tekan Ctrl+F5


klik pada salah atu radio button maka setelah di submit akan tampil yang telah dipilih
H. Menggunakan Cross Page Post
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama CrossPage.aspx kemudian ketikkan kode seperti contoh dibawah ini:


Klik New Item pada project beri nama PageResult.aspx lalu ketikkan kode dibawah

klik kanan pada halaman view  code , ketikkan kode dibawah


kembali ke CrossPage.aspx tekan Ctrl+F5 maka hasilnya seperti dibawah





I.  Menggunakan Command Event 
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama CommandEvent.aspx kemudian ketikkan kode seperti contoh dibawah ini:

klik kanan view code lalu ketikkan dibawah ini


kembali ke command event.aspx tekan Ctrl+F5








J. Menggunakan Panel Control
Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama PanelControl.aspx kemudian ketikkan kode seperti contoh dibawah ini:



klik view spilt lalu double klik pada submit dan ketikkan kode dibawah ini


kembali ke panelcontrol.aspx lalu jalankan akan terlihat seperti dibawah ini




jika di pilih other languange maka akan tampil textbox seperti diatas

Diatas adalah macam-macam praktikum yang dibuat pada ASP 5 ini , sekarang saya akan share juga tentang tugas di ASP 5 yaitu INPUTAN BIODATA

1. Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama InputanBiodata.aspx kemudian ketikkan kode seperti contoh dibawah ini:



Klik Tab PROJECT -> New Item, tambahkan Web Form dan beri nama InputanBiodataResult.aspx kemudian ketikkan kode seperti contoh dibawah ini:

Ctrl+F5 pada InputanBiodata.aspx maka akan terlihat seperti dibawah ini


hasil setelah di submit

Sekian postingan kali ini , selamat mencoba . Terimakasih :))








































Tidak ada komentar:

Posting Komentar