ASP.Netのお勉強

MultiView＠ASP.Net

MultiViewです。
MultiViewは、Viewをコントロールするのに用います。

例えば、View1に一覧を表示して、View2に詳細を表示する時に、
MultiViewは、その切り替えをコントロールします。

以下では、各Viewにボタンを配置しています。
それぞれのViewのボタンをクリックすることによって、Viewの切り替えを行っています。

●aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %>

<!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>View</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
            <asp:View ID="View1" runat="server">
                <asp:Label ID="Label1" runat="server" Text="View1"></asp:Label>
                <asp:Button ID="Button1" runat="server" Text="Button" />
            </asp:View>
            <asp:View ID="View2" runat="server">
                <asp:Label ID="Label2" runat="server" Text="View2"></asp:Label>
                <asp:Button ID="Button2" runat="server" Text="Button" />
            </asp:View>
        </asp:MultiView>
    </div>
    </form>
</body>
</html>


●vb

Partial Class test
    Inherits System.Web.UI.Page

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        Me.MultiView1.ActiveViewIndex = 1
    End Sub

    Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click
        Me.MultiView1.ActiveViewIndex = 0
    End Sub
End Class



Copyright (C) ASP.Netのお勉強. All Rights Reserved.