使用MultiView与View单击不同的Linkbutton,显示不同领域的内容,效果如课件中截图所示。
MultiViewDemo.aspx:
<%@ Page Xlanguage="C#" AutoEventWireup="true" CodeBehind="MultiViewDemo.aspx.cs" Inherits="WebTableDemo.MultiViewDemo" %>
<!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:Button ID="Button1" runat="server" Text="Button" Xοnclick="Button1_Click" />
<asp:Button ID="Button2" runat="server" text="Button" Xοnclick="Button2_Click" />
<asp:Button ID="Button3" runat="server" Text="Button" Xοnclick="Button3_Click" />
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
<asp:Button ID="Button5" runat="server" CommandName="NextView" Text=">" />
<br />
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
</asp:View>
<asp:View ID="View2" runat="server">
<asp:Button ID="Button7" runat="server" CommandName="NextView" Text=">" />
<asp:Button ID="Button8" runat="server" CommandName="PrevView" Text="<" />
<br />
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />
<asp:Button ID="Button4" runat="server" Text="Button" />
</asp:View>
<asp:View ID="View3" runat="server">
<asp:Button ID="Button10" runat="server" CommandName="PrevView" Text="<" />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</asp:View>
</asp:MultiView>
</div>
</form>
</body>
</html>
MultiViewDemo.aspx.cs:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebTableDemo
{
public partial class MultiViewDemo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 0;
}
protected void Button2_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 1;
}
protected void Button3_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 2;
}
}
}