Web Server Control – Belajar Pemrograman ASP.NET – VB.NET – Tutorial dan Contoh Program

<< Sebelumnya : Server Control Event

Web server control merupakan control yang dibuat di server sehingga untuk menggunakannya harus dicompile terlebih dahulu baru kemudian dikirimkan ke browser. Web Server Control hampir sama dengan HTML server control karena keduanya sama-sama menggunakan atribut runat=”server. Perbedaannya adalah Web Server Control mempunyai aturan penulisan sbagai berikut <asp:controlName id=controlId atributLain/>. Berikut ini adalah beberapa Web Control yang sering digunakan untuk membangun halaman web.

Button

Button merupakan komponen yang paling sering digunakan untuk berinteraksi dengan user. Contoh penggunaan button sebagai web server control adalah sebagai berikut :

<%@ Page Language="VB" %>

id=”btnKirim”
Text=”Kirim”
runat=”server”
OnClick=”Kirim”/>

Pada contoh kode diatas terdapat satu buah fungsi untuk mengubah style dan text button. Kemudian pada saat event obClick button dengan id btnKirim sebagai web control akan memanggil fungsi Kirim.

Calender

Calender merupakan salah satu komponen web yang sangat membantu para programmer untuk sebuah proses yang berkaitan dengan penanggalan, entah itu dalam bentuk isian tanggal utnuk dikirimkan ke database suapaya tidak terjadi kesalahan penulisan tanggal maupun digunakan sebagai informasi lainnya.Contoh penggunaannya adalah sebagai berikut :

<%@ Page Language="VB" %>

onSelectionChanged=”pilihTanggal”
runat=”server”>

Sub pilihTanggal merupakan fungsi yang akan dipanggil ketika user mengklik sebuah tanggal pada calender1 yang merupakan id yang digunakan sebagai nama calender control. Coba dijalankan maka hasilnya adalah sebagai berikut :

CheckBox

CheckBox sering digunakan untuk pilihan yang lebih dari satu. Misalnya untuk menanyakan jenis minat atau hobby dan lain sebagainya. Berikut ini merupakan salah satu contoh dari penggunaan CheckBox.

<%@ Page Language="VB" %>

Hobby kamu :
AutoPostBack=”True” OnCheckedChanged=”Pengiriman”
runat=”server” />
AutoPostBack=”True” OnCheckedChanged=”Pengiriman”
runat=”server” />
AutoPostBack=”True” OnCheckedChanged=”Pengiriman”
runat=”server” />

Hasilnya adalah sebagai berikut :

Hobby kamu :

Makan

Tidur

Nonton TV

Hobby kamu adalah Makan, Tidur, Nonton TV,

DropDownList

Control ini seperti select yang ada pada HTML fungsinya adalah untuk menyimpan beberapa data yang bisa dipilih oleh user. Contoh penggunaannya adalah sebagai berikut :

<%@ Page Language="VB" %>

Musik kesukaan kamu :

Text=”Kirim”
OnClick=”Pengiriman”
runat=”server”/>

Pada contoh diatas terdapat fungsi Pengiriman yang digunakan untuk mendeteksi pilihan yang dilakukan oleh user pada DropDownList control, yaitu ddMusik.SelectedItem.Text, ddMusik merupakan nama atau id dari dropdownlist yang digunakan. Hasilnya adalah sebagai berikut :

Musik kesukaan kamu :

Jazz Rock Pop Dangdut Campur Sari

Musik favorit kamu adalah Jazz

Panel

Panel biasanya digunakan untuk membagi-bagi halaman web. Panel bisa berisi bermacam-macam web control sehingga sangat berguna terutama untuk menyembunyikan kontrol-kontrol tertentu, menentukan posisi kontrol-kontrol tersebut dan kemampuan lainnya. Contoh penggunaannya adalah sebagai berikut :

<%@ Page Language="VB" %>

runat=”server”
backColor=”#FFFF00″
Height=”50px” Width=”120px”>
text=”Label dalam panel”/>

text=”Tampil/Sembunyi”
runat=”server”/>

onClick=”PeriksaPanel”
runat=”server”/>

Hasilnya adalah sebagai berikut :

RadioButton

Control ini biasanya digunakan untuk pilihan yang bersifat true dan false, yaitu hanya satu nilai yang dipilih pada satu saat. RadioButton biasanya digunakan misalnya untuk memilih jenis kelamin, memilih pilihan berganda dan sebagainya. Contoh penggunaannya adalah sebagai berikut :

<%@ Page Language="VB" %>

Jenis Kelamin Anda:
GroupName=”sex” runat=”server”/>
  
GroupName=”sex” runat=”server”/>

Hasilnya adalah sebagai berikut :

Jenis Kelamin Anda:

Laki – Laki

Perempuan

Anda Laki – Laki

TextBox

Kontrol ini digunakan untuk memungkinkan user memasukkan text. Contoh penggunaannya adalah sebagai berikut :

<%@ Page Language="VB" %>

Font_Face=”verdana” BackColor=”#7C7887″
ForeColor=”white” TextMode=”MultiLine”
Height=”50″ runat=”server” />

Text=”Lihat Pesan” runat=”server” />

Bila dijalankan hasilnya adalah sebagai berikut :

http://ajidotnet.<br /> wordpress.com

Pesan Anda: http://ajidotnet.
wordpress.com

Contoh Penggunaan Web Control

Berikut ini merupakan contoh dari penggunaan beberapa web control. Untuk melihat hasilnya silahkan kamu ketikkan code-code berikut :

<%@ Page Language="VB" %>

Nama Anda:
Umur Anda:

18 Tahun
19 – 30 Tahun
31 – 40 Tahun
41 – 50 Tahun

Dari Mana Anda Tahu Web Kami?

Dari Teman
Dari Koran

Melalui Search Engine
Lainnya

Pendapat Anda Tentang Web Kami:

Cukup
Sedang
Bagus

Apakah hasil survey ini akan dikirim kerumah anda?

Bila dijalankan hasilnya adalah sebagai berikut :

::Survey::

Nama Anda:

Umur Anda:

18 Tahun

19 – 30 Tahun

31 – 40 Tahun

41 – 50 Tahun

Dari Mana Anda Tahu Web Kami?

Dari Teman Dari Koran Melalui Search Engine Lainnya

Pendapat Anda Tentang Web Kami:

Cukup

Sedang

Bagus

Apakah hasil survey ini akan dikirim kerumah anda?

Ya

Terimakasih: qwe, Umur Anda: 19 – 30 Tahun

Anda Tahu Dari: Melalui Search Engine

Pendapat Anda: Cukup

Hasil Survey Akan Kami Kirim

Weewww cukup dulu yaw tulisan kali ini, berlanjut ke tulisan berikutnya hohoho

Mungkin ada tambahan masukan atau pertanyaan? silahkan posting dibawah… makasih

Selanjutnya : Validasi Data >>