.aspx代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiView和View.aspx.cs" Inherits="MultiView和View" %>
<!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="V1" οnclick="Button1_Click" />
<asp:Button ID="Button2"
runat="server" Text="V2" οnclick="Button2_Click" />
<asp:Button ID="Button3" runat="server" Text="V3" οnclick="Button3_Click" />
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
显示View1
</asp:View>
<asp:View ID="View2" runat="server">
显示View2
</asp:View>
<asp:View ID="View3" runat="server">
显示View3
</asp:View>
</asp:MultiView>
</div>
</form>
</body>
</html>
.aspx.cs代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class MultiView和View : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
//各容器互斥
protected void Button1_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 0;
}
protected void Button2_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 1;
}
protected void Button3_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 2;
}
}
单击不同按钮,显示不同View ,View间互斥!
下面做一个小调查程序
流程图如图所示:
分析流程图,应该有四个View,即v_default,v_buy,v_brand,v_thanks.
.aspx代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiView和View.aspx.cs" Inherits="MultiView和View" %>
<!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:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="v_default" runat="server">
<p>您有一部手机吗?</p>
<asp:Button ID="Button4" runat="server" Text="有" οnclick="Button4_Click" />
<asp:Button ID="Button5" runat="server" Text="没有" οnclick="Button5_Click" />
</asp:View>
<asp:View ID="v_buy" runat="server">
<p>打算买一部吗?</p>
<asp:Button ID="Button6" runat="server" Text="买" οnclick="Button6_Click" />
<asp:Button ID="Button7" runat="server" Text="不买" οnclick="Button7_Click" />
</asp:View>
</asp:View>
<asp:View ID="v_brand" runat="server">
<asp:RadioButtonList ID="RadioButtonList1" runat="server"
RepeatDirection="Horizontal"
>
<asp:ListItem>NOKIA</asp:ListItem>
<asp:ListItem>SAMSUNG</asp:ListItem>
<asp:ListItem>APPLE</asp:ListItem>
<asp:ListItem>OTHERS</asp:ListItem>
</asp:RadioButtonList>
<asp:Button ID="Button1" runat="server" Text="选择" οnclick="Button1_Click" />
</asp:View>
<asp:View ID="v_thanks" runat="server">
<p>谢谢参与</p>
<asp:Button ID="Button8" runat="server" Text="btn_return"
οnclick="Button8_Click" />
</asp:View>
</asp:MultiView>
</div>
</form>
</body>
</html>
.aspx.cs代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class MultiView和View : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
//各容器互斥
protected void Button4_Click(object sender, EventArgs e)
{
MultiView1.SetActiveView(v_brand);
}
protected void Button5_Click(object sender, EventArgs e)
{
MultiView1.SetActiveView(v_buy);
}
protected void Button6_Click(object sender, EventArgs e)
{
MultiView1.SetActiveView(v_brand);
}
protected void Button7_Click(object sender, EventArgs e)
{
MultiView1.SetActiveView(v_thanks);
}
protected void Button8_Click(object sender, EventArgs e)
{
MultiView1.SetActiveView(v_default);
}
protected void Button1_Click(object sender, EventArgs e)
{
MultiView1.SetActiveView(v_thanks);
}
}