使用MultiView 与View 单击不同的Linkbutton,显示不同领域的内容

来源:互联网 发布:广州市梦享网络 编辑:程序博客网 时间:2024/05/19 18:10
切换页面效果
<asp:Button ID="Button1" runat="server" Xonclick="Button1_Click" Text="Button" />
<asp:Button ID="Button2" runat="server" Xonclick="Button2_Click" Text="Button" />
<asp:Button ID="Button3" runat="server" Xonclick="Button3_Click" Text="Button" />
<br />
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
<asp:Button ID="Button4" runat="server" Height="22px" Text="&gt;"
Width="24px" CommandName="NextView"/>
<br />
<asp:Calendar ID="Calendar1" runat="server" Height="175px" Width="285px">
</asp:Calendar>
<br />
</asp:View>
<asp:View ID="View2" runat="server">
<asp:Button ID="Button6" runat="server" CommandName="NextView" Height="21px" Text="&gt;"
Width="29px" />
<asp:Button ID="Button5" runat="server" CommandName="PrevView" Height="21px" Text="&lt;"
Width="23px" />
<br />
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />
<asp:Button ID="Button7" runat="server" Text="Button" />
</asp:View>
<br />
<asp:View ID="View3" runat="server">
<asp:Button ID="Button8" runat="server" CommandName="PrevView" Height="22px" Text="&lt;"
Width="33px" />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</asp:View>
<br />
</asp:MultiView>
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;
}
页面内控件切换
<asp:Button ID="Button1" runat="server" BorderWidth="0" Text="公司简介" XonClick="Button1_Click"/>
<asp:Button ID="Button2" runat="server" BorderWidth="0" Text="欢迎加盟" XonClick="Button1_Click"/>
<table style="border:1px ridge #0000ff;width:100%;">
<tr valign="top">
<td style="width:300;height:250">
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
<asp:Label ID="Label1" runat="server"></asp:Label>
</asp:View>
<asp:View ID="View2" runat="server">
<asp:Label ID="Label2" runat="server"></asp:Label>
</asp:View>
</asp:MultiView>
</td>
</tr>
</table>
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = @"11111";
Label2.Text = @"2222";
}
protected void Button1_Click(object sender, EventArgs e)
{
Button b = (Button)sender;
if (b.ID == "Button1")
{
MultiView1.SetActiveView(View1);
}
else {
MultiView1.SetActiveView(View2);
}
}
原创粉丝点击