Kontrol MultiView dan Tampilan memungkinkan Anda membagi konten halaman ke dalam grup berbeda dan hanya menampilkan satu grup dalam satu waktu. Setiap kontrol tampilan mengelola konten grup, dan semua kontrol tampilan disertakan dalam kontrol MultiView.
Kontrol multiview hanya bertanggung jawab untuk menampilkan satu tampilan dalam satu waktu. Tampilan tampilan disebut tampilan aktif.
Sintaks kontrol MultiView adalah:
<asp:MultView ID= "MultiView1" runat= "server"></asp:MultiView>Sintaks kontrol Tampilan adalah:
<asp:View ID= "View1" runat= "server"></asp:View>Namun, kendali tersebut tidak bisa berdiri sendiri. Jika Anda mencoba menggunakannya sendiri, Anda akan mendapatkan kesalahan. Itu selalu digunakan dengan pengontrol multi-tampilan:
<asp:MultView ID= "MultiView1" runat= "server"> <asp:View ID= "View1" runat= "server"> </asp:View></asp:MultiView>Tampilan dan kontrol multiview berasal dari kelas Kontrol. dan mewarisi semua properti, metode, dan peristiwanya. Properti terpenting dari kontrol tampilan adalah properti Visible Boolean, yang mengatur visibilitas tampilan.
Kontrol multiview memiliki fitur penting berikut:
| milik | menggambarkan |
|---|---|
| Tampilan | Kontrol tampilan yang mengintegrasikan beberapa tampilan. |
| Indeks Tampilan Aktif | Indeks berbasis nol yang mewakili tampilan aktif. Jika tidak ada tampilan yang aktif, nilai indeksnya adalah -1. |
Properti CommandName kontrol tombol yang terkait dengan navigasi kontrol MultiView dikaitkan dengan beberapa bidang terkait kontrol MultiView.
Misalnya, jika nilai CommandName kontrol tombol terkait dengan navigasi beberapa tampilan, maka secara otomatis akan menavigasi ke tampilan berikutnya saat tombol diklik.
Tabel berikut memperlihatkan nama perintah default untuk properti di atas:
| elemen | menggambarkan |
|---|---|
| NextViewCommandName | tampilan berikutnya |
| Tampilan SebelumnyaCommandName | Tampilan sebelumnya |
| SwitchViewByIDCommandName | BeralihViewByID |
| SwitchViewByIndexCommandName | SwitchViewByIndex |
Metode penting pengendalian multi-sudut pandang adalah:
| metode | menggambarkan |
|---|---|
| Setel Tampilan Aktif | Atur tampilan aktif |
| Dapatkan Tampilan Aktif | Ambil tampilan aktif |
Setiap kali tampilan berubah, halaman tersebut diposting kembali ke server dan beberapa peristiwa diaktifkan. Beberapa peristiwa penting adalah:
| peristiwa | menggambarkan |
|---|---|
| Tampilan Aktif Berubah | Dipicu ketika tampilan berubah |
| Mengaktifkan | Dipicu oleh tampilan aktif |
| Menonaktifkan | Dipicu oleh tampilan tidak aktif |
Selain properti, metode, dan kejadian yang disebutkan di atas, kontrol multiview mewarisi anggota kelas kontrol dan objek.
Halaman sampel memiliki tiga tampilan. Tampilan navigasi setiap tampilan memiliki dua tombol.
Kode untuk file konten adalah sebagai berikut:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="multiviewdemo._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title> Untitled Page </title> </head> <body> <form id="form1" runat="server"> <div> <h2>MultiView and View Controls</h2> <asp:DropDownList ID="DropDownList1" runat="server" onselectedindexchanged="DropDownList1_SelectedIndexChanged"> </asp:DropDownList> <hr /> <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="2" onactiveviewchanged="MultiView1_ActiveViewChanged" > <asp:View ID="View1" runat="server"> <h3>This is view 1</h3> <br /> <asp:Button CommandName="NextView" ID="btnnext1" runat="server" Text = "Go To Next" /> <asp:Button CommandArgument="View3" CommandName="SwitchViewByID" ID="btnlast" runat="server" Text ="Go To Last" /> </asp:View> <asp:View ID="View2" runat="server"> <h3>This is view 2</h3> <asp:Button CommandName="NextView" ID="btnnext2" runat="server" Text = "Go To Next" /> <asp:Button CommandName="PrevView" ID="btnprevious2" runat="server" Text = "Go To Previous View" /> </asp:View> <asp:View ID="View3" runat="server"> <h3> This is view 3</h3> <br /> <asp:Calendar ID="Calender1" runat="server"></asp:Calendar> <br /> <asp:Button CommandArgument="0" CommandName="SwitchViewByIndex" ID="btnfirst" runat="server" Text = "Go To Next" /> <asp:Button CommandName="PrevView" ID="btnprevious" runat="server" Text = "Go To Previous View" /> </asp:View> </asp:MultiView> </div> </form> </body></html>Perhatikan hal berikut:
MultiView.ActiveViewIndex menentukan tampilan mana yang akan ditampilkan. Ini adalah satu-satunya tampilan yang ditampilkan pada halaman tersebut. Nilai default ActiveViewIndex ketika tidak ada tampilan yang ditampilkan adalah -1. Karena ActiveViewIndex didefinisikan sebagai 2 dalam contoh, ini akan menampilkan tampilan ketiga saat dijalankan.
