Pada bab ini, kita akan membahas kontrol dasar yang tersedia di ASP.NET.
ASP.NET menyediakan tiga jenis kontrol tombol yang berbeda:
Tombol : Menampilkan teks dalam area persegi panjang.
Tombol tautan : menampilkan teks seperti hyperlink.
Tombol Gambar : Menampilkan gambar.
Saat pengguna mengklik tombol, dua peristiwa dipicu: klik dan perintah.
Sintaks dasar kontrol tombol:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >Properti umum kontrol tombol:
| milik | menggambarkan |
|---|---|
| Teks | Teks ditampilkan pada tombol. Kontrol hanya untuk tombol dan tombol tautan. |
| Url Gambar | Hanya untuk kontrol tombol gambar. Gambar ini untuk menunjukkan tombolnya. |
| Teks Alternatif | Hanya untuk kontrol tombol gambar. Jika browser tidak dapat menampilkan gambar, teks pengganti akan ditampilkan. |
| PenyebabValidasi | Menentukan apakah validasi halaman dilakukan ketika pengguna mengklik tombol. Defaultnya adalah benar. |
| Nama Perintah | Nilai string diteruskan ke acara perintah ketika pengguna mengklik tombol. |
| Argumen Perintah | Nilai string diteruskan ke acara perintah ketika pengguna mengklik tombol. |
| PostBackUrl | Alamat halaman yang diperlukan muncul ketika pengguna mengklik tombol. |
Kontrol kotak teks dirancang khusus untuk menerima input pengguna. Kontrol kotak teks dapat menerima satu atau lebih input teks berdasarkan properti mode teks.
Kontrol label menyediakan cara sederhana untuk menampilkan teks dari satu halaman ke halaman berikutnya. Jika Anda ingin menampilkan teks konstan, maka Anda dapat menggunakan teks literal.
Sintaks dasar untuk kontrol teks:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>Properti umum untuk kotak teks dan label:
| milik | menggambarkan |
|---|---|
| Mode Teks | Tentukan jenis kotak teks. Mode satu baris membuat teks standar, mode multi-baris menciptakan kemampuan untuk menerima banyak teks, dan kata sandi menyebabkan karakter ditandai untuk dimasukkan. Defaultnya adalah teks standar. |
| Teks | Isi teks dari kotak teks. |
| Panjang Maks | Masukkan nilai maksimum karakter teks di kotak teks. |
| Membungkus | Ini menentukan apakah teks dalam kotak teks multibaris dibungkus secara otomatis; nilai defaultnya adalah True. |
| Hanya Baca | Menentukan apakah pengguna dapat mengubah teks di dalam kotak default menjadi salah, yang berarti pengguna dapat mengubah teks. |
| Kolom | Lebar kotak teks dalam karakter. Lebar sebenarnya ditentukan berdasarkan font yang digunakan untuk input teks. |
| Baris | Ketinggian kotak teks multiline. Nilai defaultnya adalah 0, yang mewakili kotak teks satu baris. |
Properti kontrol label yang paling umum digunakan adalah 'Teks', yang mewakili teks yang ditampilkan pada label.
Kotak centang akan menampilkan opsi yang dapat dicentang atau dibatalkan pilihannya oleh pengguna. Tombol radio menyajikan sekelompok pilihan dimana pengguna dapat memilih hanya satu pilihan.
Jika Anda membuat grup tombol radio, Anda dapat menentukan nama yang sama untuk properti GroupName di setiap grup tombol radio. Jika lebih dari satu grup perlu muncul dalam satu formulir, tentukan nama grup yang berbeda untuk setiap grup.
Jika Anda ingin kotak centang atau tombol radio dicentang seperti yang muncul pada awalnya, setel properti yang dicentang ke true. Jika beberapa tombol radio dalam satu grup memiliki properti yang disetel ke true, hanya tombol terakhir yang dianggap benar.
Sintaks dasar untuk kotak centang:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>Sintaks dasar untuk tombol radio:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>Properti umum untuk kotak centang dan tombol radio:
| milik | menggambarkan |
|---|---|
| Teks | Teks yang muncul di sebelah kotak centang atau tombol radio. |
| Diperiksa | Tentukan apakah dipilih. Defaultnya tidak dipilih. |
| Nama Grup | Nama grup tempat kontrol berada. |
ASP.NET menyediakan kontrol berikut:
daftar tarik-turun,
kotak daftar,
daftar tombol radio,
daftar kotak centang,
Daftar berpoin.
Kontrol ini memungkinkan pengguna untuk memilih dari daftar satu atau lebih item. Kotak daftar dan daftar drop-down berisi satu atau lebih item daftar. Daftar ini dapat dimuat melalui kode atau oleh editor ListItemCollection.
Sintaks dasar kontrol kotak daftar:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>Sintaks dasar kontrol daftar drop-down:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>Properti umum untuk kotak daftar dan daftar drop-down:
| milik | menggambarkan |
|---|---|
| Barang | Kumpulan objek ListItem yang mewakili item dalam kontrol. Properti ini mengembalikan objek bertipe ListItemCollection. |
| Baris | Menentukan jumlah item yang akan ditampilkan dalam kotak. Jika daftar sebenarnya berisi lebih banyak baris daripada daftar yang ditampilkan, bilah gulir akan ditambahkan. |
| Indeks Terpilih | Indeks item yang dipilih saat ini. Jika lebih dari satu item dipilih, indeks pertama memilih item tersebut. Jika tidak ada item yang dipilih, nilai properti ini adalah -1. |
| Nilai yang Dipilih | Nilai item yang dipilih saat ini. Jika lebih dari satu item yang dipilih, nilai item pertama yang dipilih. Jika tidak ada item yang dipilih, nilai properti ini adalah string kosong (""). |
| Mode Seleksi | Menunjukkan apakah kotak daftar memperbolehkan satu pilihan atau beberapa pilihan. |
Properti umum untuk setiap objek item daftar:
| milik | menggambarkan |
|---|---|
| Teks | Teks yang ditampilkan untuk item tersebut. |
| Terpilih | Menunjukkan apakah item tersebut dipilih. |
| Nilai | Serangkaian karakter yang terkait dengan proyek. |
Hal-hal yang perlu diperhatikan adalah:
Jika Anda ingin bekerja dengan item dalam daftar drop-down atau kotak daftar, Anda perlu menggunakan properti Item kontrol. Properti ini mengembalikan objek ListItemCollection yang berisi semua item dalam daftar.
Acara SelectedIndexChanged dimunculkan ketika pengguna memilih item yang berbeda dari daftar drop-down atau kotak daftar.
Objek ListItemCollection adalah kumpulan objek ListItem. Setiap objek ListItem mewakili item dalam daftar. Nomor item dalam ListItemCollection dimulai dari 0.
Bila string yang digunakan dalam proses pemuatan item dalam kotak daftar adalah, misalnya: lstcolor.Items.Add (“Biru”), maka pengaturan properti teks dan nilai item daftar adalah nilai string yang Anda tentukan. Untuk mengaturnya secara berbeda, Anda harus membuat objek item daftar dan kemudian menambahkan item ke koleksi.
Editor ListItemCollection digunakan untuk menambahkan item ke daftar drop-down atau kotak daftar. Ini digunakan untuk membuat daftar item statis. Untuk menampilkan Editor Koleksi, pilih Edit Item dari menu Smart Tag, atau pilih kontrol dan klik tombol elipsis di Item Properties di jendela Properties.
Properti umum ListItemCollection:
| milik | menggambarkan |
|---|---|
| Barang (bilangan bulat) | Objek ListItem yang mewakili item pada indeks yang ditentukan. |
| Menghitung | Jumlah item dalam koleksi. |
Metode dasar ListItemCollection:
| metode | menggambarkan |
|---|---|
| Tambahkan (string) | Menambahkan item baru ke akhir koleksi dan menetapkan parameter string ke properti teks item. |
| Tambahkan (Item Daftar) | Menambahkan item baru ke akhir koleksi. |
| Sisipkan (bilangan bulat, string) | Menyisipkan item ke dalam koleksi pada posisi indeks yang ditentukan dan menetapkan argumen string ke properti teks item. |
| Sisipkan (bilangan bulat, ListItem) | Menyisipkan item ke dalam koleksi pada indeks yang ditentukan. |
| Hapus (string) | Menghapus item dengan string yang sama dengan nilai teks. |
| Hapus (Item Daftar) | Hapus item yang ditentukan. |
| HapusPada(bilangan bulat) | Menghapus item pada indeks yang ditentukan sebagai bilangan bulat. |
| Jernih | Menghapus semua item dari koleksi. |
| TemukanBerdasarkanNilai(string) | Mengembalikan item yang sama dengan nilai string. |
| TemukanBerdasarkanNilai(Teks) | Mengembalikan item yang sama dengan string literal. |
Daftar tombol radio menyajikan daftar opsi yang saling eksklusif. Kolom daftar kotak centang menyajikan daftar opsi independen. Kontrol ini berisi kumpulan objek ListItem, yang dapat direferensikan melalui properti Item kontrol.
Sintaks dasar untuk daftar tombol radio:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>Sintaks dasar untuk daftar kotak centang:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>Properti umum untuk daftar kotak centang dan tombol radio:
| milik | menggambarkan |
|---|---|
| Ulangi Tata Letak | Properti ini menentukan apakah tag atau aliran HTML biasa digunakan dalam merender daftar yang diformat. Defaultnya adalah tabel. |
| Ulangi Arah | Ini menentukan arah di mana kontrol dapat diulangi. Nilai yang tersedia bersifat horizontal dan vertikal. Standarnya adalah vertikal. |
| Ulangi Kolom | Ketika kontrol diulang, ini menentukan nomor kolom yang defaultnya adalah 0. |
Kontrol Daftar Berpoin membuat daftar berpoin atau bernomor. Kontrol ini berisi kumpulan objek ListItem, yang dapat direferensikan melalui properti Item kontrol.
Sintaks dasar untuk daftar berpoin:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>Properti umum dari daftar berpoin:
| milik | menggambarkan |
|---|---|
| Gaya Peluru | Properti ini menentukan gaya dan tampilan nomor atau nomor item. |
| Ulangi Arah | Ini menentukan arah di mana kontrol dapat diulangi. Nilai yang tersedia bersifat horizontal dan vertikal. Standarnya adalah vertikal. |
| Ulangi Kolom | Ketika kontrol diulang, ini menentukan nomor kolom yang defaultnya adalah 0. |
Kontrol hyperlink seperti elemen HTML <a> .
Sintaks dasar kontrol hyperlink:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>Ini memiliki properti berikut:
| milik | menggambarkan |
|---|---|
| Url Gambar | Jalur ke gambar ditampilkan oleh kontrol. |
| NavigasiUrl | Alamat tautan target. |
| Teks | Teks ditampilkan sebagai tautan. |
| Target | Jendela atau bingkai yang memuat halaman tertaut. |
Jika gambar tidak dapat ditampilkan, kontrol gambar menampilkan gambar pada halaman web atau teks alternatif.
Sintaks dasar kontrol gambar:
<asp:Image ID="Image1" runat="server">Ia memiliki sifat-sifat penting berikut:
| milik | menggambarkan |
|---|---|
| Teks Alternatif | Menampilkan teks alternatif ketika gambar tidak ada. |
| Penyelarasan Gambar | Kontrol opsi penyelarasan. |
| Url Gambar | Jalur ke gambar ditampilkan oleh kontrol. |