在 ASP.NET 中使用 Multiview 控件

引言

本文档描述了如何在 asp.net 中使用 multiview 服务器控件，后端使用 c#。

背景

Multiview 控件是 asp.net 2.0 的一项新功能，它随 Visual Studio 2005 一起推出。Multiview 控件的主要优点是，我们可以仅指定所需的视图（即仅显示所需的视图）在一个页面上。Multiview 控件帮助我们在同一页面上创建不同的视图，并在用户单击链接时显示该视图。使用 Multiview 控件，可以在 asp.net 中实现选项卡功能。

使用代码

ASPX 代码

<table border="0" cellpadding="2" cellspacing="3" width="100%">

<tr>
<td>
<asp:LinkButton ID="lnkTab1" runat="server" OnClick="lnkTab1_Click">Tab1</asp:LinkButton></td>
<td>
<asp:LinkButton ID="lnkTab2" runat="server" OnClick="lnkTab2_Click">Tab2</asp:LinkButton></td>
<td>
<asp:LinkButton ID="lnkTab3" runat="server" OnClick="lnkTab3_Click">Tab3</asp:LinkButton></td>
</tr>
<tr>
<td colspan="3">
<asp:MultiView ID="MultiView1" runat="server">
<table width="100%" cellpadding="2" cellspacing="5">
<tr>
<td>
<asp:View ID="View1" runat="server">
Content 1 goes here</asp:View>
</td>
<td>
<asp:View ID="View2" runat="server">
Content 2 goes here</asp:View>
</td>
<td>
<asp:View ID="View3" runat="server">
content 3 goes here</asp:View>
</td>
</tr>
</table>
</asp:MultiView></td>
</tr>
</table>

C# 代码

protected void Page_Load(object sender, EventArgs e)
{
  if (!IsPostBack)
   {
   SetDefaultView();
   }

}

private void SetDefaultView()
{
MultiView1.ActiveViewIndex = 0; 
}

protected void lnkTab1_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 0; 
}
protected void lnkTab2_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 1; 
}
protected void lnkTab3_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 2;
}

 

关注点

这是 ASP.NET 2.0 的一项很棒的新功能，请尝试一下。

历史

由 George Zacharia 于 2007 年 7 月 23 日创建。