ASP.NET Multi Views - Tìm hiểu về Multi Views trong ASP. NET

14/04/2022 12:14

Control MultiView và View trong ASP.NET cho phép bạn chia nội dung của trang thành các nhóm khác nhau, chỉ hiển thị một nhóm tại một thời điểm. Mỗi Control Chế độ xem quản lý một nhóm nội dung và tất cả các Control Chế độ xem được tổ chức cùng nhau trong một Control MultiView. Control MultiView chịu trách nhiệm hiển thị một Control Chế độ xem tại một thời điểm. Dạng xem được hiển thị được gọi là dạng xem hiện hoạt.

Table of Contents

Cú pháp của Control MultiView
Thuộc tính của Control View và MultiView
Các phương pháp quan trọng của Multi Views Control
Ví dụ

Cú pháp của Control MultiView

<asp:MultView ID= "MultiView1" runat= "server">

</asp:MultiView>

Cú pháp của Control Chế độ xem là:

<asp:View ID= "View1" runat= "server">

</asp:View>

Tuy nhiên, Control Chế độ xem không thể tự tồn tại. Nó sẽ hiển thị lỗi nếu bạn cố gắng sử dụng nó độc lập. Nó luôn được sử dụng với Control Đa chế độ như:

<asp:MultView ID= "MultiView1" runat= "server">

   <asp:View ID= "View1" runat= "server"> </asp:View>

</asp:MultiView>

Thuộc tính của Control View và MultiView

Cả hai Control View và MultiView đều có nguồn gốc từ lớp Control và kế thừa tất cả các thuộc tính, phương thức và sự kiện của nó. Thuộc tính quan trọng nhất của Control Chế độ xem là thuộc tính Hiển thị của kiểu Boolean, thuộc tính này đặt khả năng hiển thị của một chế độ xem.

Control MultiView có các thuộc tính quan trọng sau:

Tính chất	Sự miêu tả
Lượt xem	Bộ sưu tập các Control Chế độ xem trong MultiView.
ActiveViewIndex	Chỉ mục dựa trên 0 biểu thị chế độ xem đang hoạt động. Nếu không có chế độ xem nào đang hoạt động, thì chỉ mục là -1.

Thuộc tính CommandName của Control nút được liên kết với điều hướng của Control MultiView được liên kết với một số trường liên quan của Control MultiView.

Ví dụ: nếu Control nút có giá trị CommandName là NextView được liên kết với điều hướng của chế độ xem đa điểm, nó sẽ tự động điều hướng đến chế độ xem tiếp theo khi nút được nhấp.

Bảng sau đây hiển thị tên lệnh mặc định của các thuộc tính trên:

Tính chất	Mô tả
NextViewCommandName	NextView
TrướcViewCommandName	PrevView
SwitchViewByIDCommandName	SwitchViewByID
SwitchViewByIndexCommandName	SwitchViewByIndex

Các phương pháp quan trọng của Multi Views Control

Phương pháp	Mô tả
SetActiveview	Đặt chế độ xem hiện hoạt
GetActiveview	Truy xuất chế độ xem đang hoạt động

Mỗi khi một chế độ xem được thay đổi, trang đó sẽ được đưa trở lại máy chủ và một số sự kiện được đưa ra. Một số sự kiện quan trọng là:

Sự kiện	Sự miêu tả
ActiveViewChanged	Tăng lên khi một chế độ xem được thay đổi
Kích hoạt	Nâng cao bởi chế độ xem đang hoạt động
Hủy kích hoạt	Tăng lên bởi chế độ xem không hoạt động

Ngoài các thuộc tính, phương thức và sự kiện đã đề cập ở trên, Control multiview kế thừa các thành viên của lớp Control và đối tượng.

Ví dụ

Trang ví dụ có ba chế độ xem. Mỗi chế độ xem có hai nút để điều hướng qua các chế độ xem.

Mã tệp nội dung như sau:

<%@ 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>

Quan sát những điều sau:

MultiView.ActiveViewIndex xác định chế độ xem nào sẽ được hiển thị. Đây là chế độ xem duy nhất được hiển thị trên trang. Giá trị mặc định cho ActiveViewIndex là -1, khi không có chế độ xem nào được hiển thị. Vì ActiveViewIndex được định nghĩa là 2 trong ví dụ, nên nó hiển thị chế độ xem thứ ba, khi được thực thi.

Trên đây là các thông tin về Multi Views trong ASP. Net, bạn có thể tham khảo thêm khóa học lập trình ASp.Net nếu muốn hoặc tìm hiểu thông tin về các khóa học lập trình khác thông qua mục Blog của chúng tôi.

Nguồn: https://www.tutorialspoint.com/asp.net/asp.net_multi_views.htm

ASP.NET Multi Views - Tìm hiểu về Multi Views trong ASP. NET

Cú pháp của Control MultiView

Thuộc tính của Control View và MultiView

Các phương pháp quan trọng của Multi Views Control

Ví dụ

Tin tức cùng chủ đề