การควบคุม MultiView และ View ช่วยให้คุณสามารถแบ่งเนื้อหาของเพจออกเป็นกลุ่มต่างๆ และแสดงได้ครั้งละหนึ่งกลุ่มเท่านั้น ตัวควบคุมมุมมองแต่ละรายการจะจัดการเนื้อหาของกลุ่ม และตัวควบคุมมุมมองทั้งหมดจะรวมอยู่ในตัวควบคุม MultiView
ตัวควบคุมหลายมุมมองมีหน้าที่ในการแสดงครั้งละหนึ่งมุมมองเท่านั้น การแสดงมุมมองเรียกว่ามุมมองที่ใช้งานอยู่
ไวยากรณ์ของตัวควบคุม MultiView คือ:
<asp:MultView ID= "MultiView1" runat= "server"></asp:MultiView>ไวยากรณ์ของการควบคุมมุมมองคือ:
<asp:View ID= "View1" runat= "server"></asp:View>อย่างไรก็ตาม การควบคุมไม่สามารถมีอยู่ได้ด้วยตัวเอง หากคุณลองใช้มันเพียงอย่างเดียว คุณจะได้รับข้อผิดพลาด มันถูกใช้กับตัวควบคุมหลายมุมมองเสมอ:
<asp:MultView ID= "MultiView1" runat= "server"> <asp:View ID= "View1" runat= "server"> </asp:View></asp:MultiView>การควบคุมมุมมองและหลายมุมมองได้มาจากคลาสการควบคุม และสืบทอดคุณสมบัติ วิธีการ และเหตุการณ์ทั้งหมด คุณสมบัติที่สำคัญที่สุดของตัวควบคุมมุมมองคือคุณสมบัติ Visible Boolean ซึ่งกำหนดการมองเห็นของมุมมอง
การควบคุม Multiview มีคุณสมบัติที่สำคัญดังต่อไปนี้:
| คุณสมบัติ | อธิบาย |
|---|---|
| จำนวนการดู | การควบคุมมุมมองที่รวมหลายมุมมอง |
| ActiveViewIndex | ดัชนีฐานศูนย์ที่แสดงถึงมุมมองที่ใช้งานอยู่ หากไม่มีการใช้งานมุมมอง ค่าดัชนีจะเป็น -1 |
คุณสมบัติ CommandName ของปุ่มควบคุมที่เกี่ยวข้องกับการนำทางของตัวควบคุม MultiView จะเชื่อมโยงกับบางฟิลด์ที่เกี่ยวข้องของตัวควบคุม MultiView
ตัวอย่างเช่น ถ้าค่า CommandName ของตัวควบคุมปุ่มเกี่ยวข้องกับการนำทางหลายมุมมอง มันจะนำทางไปยังมุมมองถัดไปโดยอัตโนมัติเมื่อมีการคลิกปุ่ม
ตารางต่อไปนี้แสดงชื่อคำสั่งเริ่มต้นสำหรับคุณสมบัติข้างต้น:
| องค์ประกอบ | อธิบาย |
|---|---|
| NextViewCommandName | มุมมองถัดไป |
| ก่อนหน้าViewCommandName | มุมมองก่อนหน้า |
| SwitchViewByIDCommandName | SwitchViewByID |
| SwitchViewByIndexCommandName | SwitchViewByIndex |
วิธีการควบคุมหลายมุมมองที่สำคัญคือ:
| วิธี | อธิบาย |
|---|---|
| ตั้งค่า Activeview | ตั้งค่ามุมมองแอ็กทีฟ |
| รับแอคทีฟวิว | ดึงข้อมูลมุมมองที่ใช้งานอยู่ |
ทุกครั้งที่มุมมองเปลี่ยนแปลง เพจจะถูกโพสต์กลับไปยังเซิร์ฟเวอร์ และเหตุการณ์บางอย่างจะเริ่มขึ้น เหตุการณ์สำคัญบางประการ ได้แก่ :
| เหตุการณ์ | อธิบาย |
|---|---|
| ActiveView เปลี่ยนแปลงแล้ว | ทริกเกอร์เมื่อมุมมองเปลี่ยนไป |
| เปิดใช้งาน | ทริกเกอร์โดยมุมมองแอ็กทีฟ |
| ปิดการใช้งาน | ทริกเกอร์โดยการดูที่ไม่ได้ใช้งาน |
นอกเหนือจากคุณสมบัติ วิธีการ และเหตุการณ์ที่กล่าวถึงข้างต้น การควบคุมหลายมุมมองยังสืบทอดสมาชิกของคลาสการควบคุมและคลาสอ็อบเจ็กต์อีกด้วย
หน้าตัวอย่างมีสามมุมมอง มุมมองการนำทางของแต่ละมุมมองมีสองปุ่ม
รหัสสำหรับไฟล์เนื้อหามีดังนี้:
<%@ 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>หมายเหตุสิ่งต่อไปนี้:
MultiView.ActiveViewIndex กำหนดว่าจะแสดงมุมมองใด นี่เป็นมุมมองเดียวที่แสดงผลบนเพจ ค่าเริ่มต้นของ ActiveViewIndex เมื่อไม่มีการแสดงมุมมองคือ -1 เนื่องจาก ActiveViewIndex ถูกกำหนดให้เป็น 2 ในตัวอย่าง จึงแสดงมุมมองที่สามเมื่อดำเนินการ
