Kontrol server Web Panel menyediakan kontrol kontainer dalam halaman web ASP.NET yang dapat Anda gunakan sebagai induk untuk teks statis dan kontrol lainnya.
1. Latar Belakang
Anda dapat menggunakan kontrol Panel sebagai wadah untuk kontrol lainnya. Metode ini sangat berguna ketika Anda membuat konten secara terprogram dan memerlukan cara untuk memasukkan konten ke dalam halaman. Bagian berikut menjelaskan cara lain Anda dapat menggunakan kontrol Panel.
1. Wadah kontrol yang dihasilkan secara dinamis
Kontrol Panel menyediakan wadah yang nyaman untuk kontrol yang dibuat saat run time.
2. Kontrol dan penanda grup
Sekelompok kontrol dan tag terkait dapat dikelola sebagai satu unit dengan menempatkannya di kontrol Panel dan kemudian memanipulasi kontrol Panel. Misalnya, Anda bisa menyembunyikan atau menampilkan sekelompok kontrol di panel dengan mengatur properti Visible panel.
3. Formulir dengan tombol default
Anda dapat menempatkan kontrol TextBox dan kontrol Tombol di kontrol Panel, lalu menentukan tombol default dengan mengatur properti DefaultButton kontrol Panel ke ID tombol di panel. Jika pengguna menekan Enter saat mengetik di kotak teks dalam panel, efeknya sama seperti jika pengguna mengklik tombol default tertentu. Ini membantu pengguna bekerja dengan formulir proyek dengan lebih efisien.
4. Tambahkan bilah gulir ke kontrol lainnya
Beberapa kontrol (seperti kontrol TreeView) tidak memiliki bilah gulir bawaan. Anda dapat menambahkan perilaku gulir dengan menempatkan kontrol bilah gulir di dalam kontrol Panel. Untuk menambahkan bilah gulir ke kontrol Panel, atur properti Tinggi dan Lebar, batasi kontrol Panel ke ukuran tertentu, lalu atur properti ScrollBars.
4. Area yang disesuaikan pada halaman
Anda dapat menggunakan kontrol Panel untuk membuat area pada halaman dengan tampilan dan perilaku yang disesuaikan, sebagai berikut:
·Buat kotak grup dengan judul: Anda dapat mengatur properti GroupingText untuk menampilkan judul. Saat halaman dirender, sebuah kotak berisi judul muncul di sekitar kontrol Panel, dengan judul adalah teks yang Anda tentukan.
Catatan: Anda tidak dapat menentukan bilah gulir dan teks yang dikelompokkan secara bersamaan di kontrol Panel. Jika teks yang dikelompokkan diatur, prioritasnya lebih tinggi daripada bilah gulir.
·Membuat area pada halaman dengan warna khusus atau tampilan lainnya: Kontrol Panel mendukung properti tampilan (seperti BackColor dan BorderWidth), yang dapat diatur untuk membuat tampilan unik untuk area pada halaman.
Deskripsi: Mengatur properti GroupingText akan secara otomatis membuat batas di sekitar kontrol Panel.
2. Cara: Menambahkan kontrol Panel ke halaman Formulir Web
1. Dalam tampilan "Desain", dari tab "Standar" pada kotak alat, seret kontrol Panel ke halaman.
2. Untuk membuat teks statis, klik di kontrol lalu ketik teksnya. Untuk menambahkan kontrol, seret kontrol dari Toolbox ke kontrol Panel.
Catatan: Untuk menambahkan teks statis ke kontrol Panel pada waktu proses, Anda perlu membuat kontrol Literal dan mengatur properti Teksnya. Objek literal kemudian dapat ditambahkan ke panel secara terprogram dengan cara yang sama seperti kontrol lainnya. Untuk informasi lebih lanjut tentang menambahkan kontrol, lihat Cara: Menambahkan Kontrol Secara Terprogram ke Halaman Web ASP.NET.
3. Anda juga dapat memilih untuk menyeret batas panel untuk mengubah ukuran kontrol.
Deskripsi: Kontrol ini secara otomatis mengubah ukurannya untuk menampilkan semua kontrol turunannya (meskipun melebihi ketinggian yang ditetapkan).
4. Anda juga dapat memilih untuk mengatur properti kontrol Panel (seperti yang dijelaskan dalam tabel berikut) untuk menentukan bagaimana panel berinteraksi dengan kontrol turunannya.
Deskripsi properti
Sejajarkan Horizontal
Menentukan perataan kontrol anak dalam panel (kiri, kanan, tengah, atau rata).
Membungkus
Menentukan apakah konten yang terlalu lebar di dalam panel akan digabungkan ke baris berikutnya, atau terpotong di tepi panel.
Arah
Menentukan apakah konten kontrol dirender dari kiri ke kanan atau dari kanan ke kiri. Properti ini berguna saat membuat area pada halaman yang orientasinya berbeda dari keseluruhan halaman.
ScrollBar
Jika Anda telah menyetel properti Tinggi dan Lebar untuk membatasi kontrol Panel ke ukuran tertentu, Anda dapat menambahkan bilah gulir dengan menyetel properti ScrollBars.
PengelompokanTeks
Merender batas dan judul di sekitar kontrol Panel.
menjelaskan:
Menyetel properti GroupingText menyebabkan bilah gulir tidak muncul (jika Anda menentukan bilah gulir).
3. Kelas panel
Kontrol panel adalah wadah untuk kontrol lainnya. Kontrol ini sangat berguna ketika Anda ingin membuat kontrol secara terprogram, menyembunyikan/menampilkan sekumpulan kontrol, atau melokalkan sekumpulan kontrol.
Properti Direction berguna untuk melokalisasi konten kontrol Panel untuk menampilkan teks dalam bahasa yang ditulis dari kanan ke kiri, seperti Arab atau Ibrani.
Kontrol Panel menyediakan beberapa properti yang memungkinkan Anda menyesuaikan perilaku dan tampilan konten kontrol. Gunakan properti BackImageUrl untuk menampilkan gambar kustom untuk kontrol Panel. Gunakan properti ScrollBars untuk menentukan bilah gulir untuk kontrol.
Contoh
1. Contoh berikut mengilustrasikan cara menggunakan kontrol Panel untuk menghasilkan kontrol secara terprogram dan menyembunyikan/menampilkan sekelompok kontrol.
Catatan: Contoh kode berikut menggunakan model kode file tunggal dan mungkin tidak berfungsi dengan baik saat disalin langsung ke file di belakang kode. Contoh kode ini harus disalin ke file teks kosong dengan ekstensi .aspx.
<%@ Halaman Bahasa="C#" AutoEventWireup="Benar" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<kepala>
<title>Contoh Panel</title>
<skrip runat="server">
void Page_Load(Pengirim objek, EventArgs e) {
// Menampilkan atau menyembunyikan konten Panel.
if (Check1.Checked) {
Panel1.Terlihat=salah;
}
kalau tidak {
Panel1.Terlihat=benar;
}
// Hasilkan kontrol Label.
int numlabels = Int32.Parse(DropDown1.SelectedItem.Value);
untuk (int i=1; i<=numlabels; i++) {
Label l = Label baru();
l.Teks = "Label" + (i).ToString();
l.ID = "Label" + (i).ToString();
Panel1.Kontrol.Tambahkan(l);
Panel1.Controls.Add(new LiteralControl("<br />"));
}
// Hasilkan kontrol Kotak Teks.
int numtexts = Int32.Parse(DropDown2.SelectedItem.Value);
untuk (int i=1; i<=jumlah teks; i++) {
Kotak Teks t = Kotak Teks baru();
t.Teks = "Kotak Teks" + (i).ToString();
t.ID = "Kotak Teks" + (i).ToString();
Panel1.Kontrol.Tambahkan(t);
Panel1.Controls.Add(new LiteralControl("<br />"));
}
}
</skrip>
</kepala>
<tubuh>
<h3>Contoh Panel</h3>
<form id="form1" runat="server">
<asp:Panel id="Panel1" runat="server"
Warna Belakang="gainsboro"
Tinggi = "200 piksel"
Lebar = "300 piksel">
Panel1: Ini beberapa konten statis...
<br />
</asp:Panel>
<br />
Hasilkan Label:
<asp:DropDownList id="DropDown1" runat="server">
<asp:ListItem Nilai="0">0</asp:ListItem>
<asp:ListItem Nilai="1">1</asp:ListItem>
<asp:ListItem Nilai="2">2</asp:ListItem>
<asp:ListItem Nilai="3">3</asp:ListItem>
<asp:ListItem Nilai="4">4</asp:ListItem>
</asp:Daftar DropDown>
<br />
Hasilkan Kotak Teks:
<asp:DropDownList id="DropDown2" runat="server">
<asp:ListItem Nilai="0">0</asp:ListItem>
<asp:ListItem Nilai="1">1</asp:ListItem>
<asp:ListItem Nilai="2">2</asp:ListItem>
<asp:ListItem Nilai="3">3</asp:ListItem>
<asp:ListItem Nilai="4">4</asp:ListItem>
</asp:Daftar DropDown>
<br />
<asp:CheckBox id="Check1" Text="Sembunyikan Panel" runat="server"/>
<br />
<asp:Tombol Teks="Segarkan Panel" runat="server"/>
</bentuk>
</tubuh>