MultiView 和 View 控件和制作出選項卡的效果MultiView 控件是一組 View 控件的容器使用它可定義一組 View 控件其中每個 View 控件都包含子控件
如果要切換視圖可以使用控件的ID或者View控件的索引值在 MultiView 控件中一次只能將一個 View 控件定義為活動視圖如果某個 View 控件定義為活動視圖它所包含的子控件則會呈現到客戶端可以使用 ActiveViewIndex 屬性或SetActiveView 方法定義活動視圖如果 ActiveViewIndex 屬性為空則 MultiView 控件不向客戶端呈現任何內容如果活動視圖設置為MultiView 控件中不存在的 View則會在運行時引發 ArgumentOutOfRangeException
一些常用的屬性方法
ActiveViewIndex屬性用於獲取或設置當前被激活顯示的View控件的索引值默認值為-表示沒有View控件被激活
廢話不多說由於MultiView和View比較簡單我們一起來看以下例子吧
創建新的 ASPNET 網站項目
在文件菜單中指向新建然後選擇網站
在新建網站對話框中從語言下拉列表中選擇 Visual C#並選擇 ASPNET 網站模板
在位置中選擇 HTTP 並鍵入網站的 URL默認的 URL 為//localhost/WebSite改//localhost/MultiViewTest單擊確定
打開Defaultaspx設計器切換到代碼區Ctrl+A全選替換為以下代碼
<%@ Page Language=C# AutoEventWireup=true CodeFile=Defaultaspxcs Inherits=_Default %>
<!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN transitionaldtd>
<html xmlns=>
<head runat=server>
<title>無標題頁</title>
</head>
<body>
<form id=form runat=server>
<div>
<asp:LinkButton ID=LinkButton runat=server onclick=LinkButton_Click>first</asp:LinkButton>
<asp:LinkButton ID=LinkButton runat=server onclick=LinkButton_Click>second</asp:LinkButton>
<asp:LinkButton ID=LinkButton runat=server onclick=LinkButton_Click>third</asp:LinkButton>
<br />
<hr />
<asp:MultiView ID=MultiView runat=server ActiveViewIndex = >
<asp:View ID=View runat=server>
this is the first page
</asp:View>
<asp:View ID=View runat=server>
this is the second page
</asp:View>
<asp:View ID=View runat=server>
this is the third page
</asp:View>
</asp:MultiView>
</div>
</form>
</body>
</html>
對以上代碼的解釋
MultiView 和 View Web 服務器控件用作其他控件和標記的容器並提供了一種可方便地顯示信息的替換視圖的方式
MultiView 控件用作一個或多個 View 控件的外部容器View 控件又可包含標記和控件的任何組合
MultiView 控件一次顯示一個 View 控件並公開該 View 控件內的標記和控件通過設置 MultiView 控件的ActiveViewIndex 屬性可以指定當前可見的 View 控件
簡單的說MultiView是一個父容器它包括個View容器通過ActiveViewIndex=屬性指明index為的View容器顯示其他兩個隱藏(index按照view排列的順序從開始)
打開Defaultaspxcs 按Ctrl+A全選刪除後替換為以下代碼
using System;
using SystemConfiguration;
using SystemData;
using SystemLinq;
using SystemWeb;
using SystemWebSecurity;
using SystemWebUI;
using SystemWebUIHtmlControls;
using SystemWebUIWebControls;
using SystemWebUIWebControlsWebParts;
using SystemXmlLinq;
public partial class _Default : SystemWebUIPage
{
protected void Page_Load(object sender EventArgs e)
{
}
protected void LinkButton_Click(object sender EventArgs e)
{
thisMultiViewActiveViewIndex = ;
}
protected void LinkButton_Click(object sender EventArgs e)
{
thisMultiViewActiveViewIndex = ;
}
protected void LinkButton_Click(object sender EventArgs e)
{
thisMultiViewActiveViewIndex = ;
}
}
保存後按Ctrl+F啟動運行如果一切順利您可以看到以下界面
點擊firstsecondthird選項卡可以切換內容
From:http://tw.wingwit.com/Article/program/net/201311/13991.html