溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
ASP.NET中如何使用MultiView和View選項卡控件，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
創建新的 ASP.NET 網站項目
1.在“文件”菜單中，指向“新建”，然后選擇“網站”。
2.在“新建網站”對話框中，從“語言”下拉列表中選擇 Visual C#，并選擇 ASP.NET 網站模板。
3.在“位置”中，選擇 HTTP 并鍵入網站的 URL。默認的 URL 為 http://localhost/WebSite。改為http://localhost/MultiViewTest,單擊“確定”。
4. 打開Default.aspx設計器，切換到代碼區，Ctrl+A全選，替換為以下代碼：
復制代碼 代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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>無標題頁</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">first</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click">second</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">third</asp:LinkButton>
<br />
<hr />
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex = 1>
<asp:View ID="View1" runat="server">
this is the first page
</asp:View>
<asp:View ID="View2" runat="server">
this is the second page
</asp:View>
<asp:View ID="View3" 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是一個父容器，它包括3個View容器。通過ActiveViewIndex=1屬性指明index為1的View容器顯示，其他兩個隱藏。（index按照view排列的順序從0開始）
5. 打開Default.aspx.cs, 按Ctrl+A全選，刪除后替換為以下代碼：
復制代碼 代碼如下:
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void LinkButton1_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 0;
}
protected void LinkButton2_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 1;
}
protected void LinkButton3_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 2;
}
}
6.保存后按Ctrl+F5啟動運行，如果一切順利，您可以看到以下界面：
點擊first，second，third選項卡，可以切換內容。
看完上述內容，你們掌握ASP.NET中如何使用MultiView和View選項卡控件的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
