ASP.NET [基礎控制項] MultiView與View

ASP.NET [基礎控制項] MultiView與View

ASP.NET [基礎控制項] MultiView與View的使用

1. 首先在頁面拉入一個MultiView, 並在MultiView裡面加入三個View


<body>
    <form id="form1" runat="server">
    <div>
        <asp:MultiView ID="MultiView1" runat="server">
            <asp:View ID="View1" runat="server"></asp:View>
            <asp:View ID="View2" runat="server"></asp:View>
            <asp:View ID="View3" runat="server"></asp:View>
        </asp:MultiView>
    </div>
    </form>
</body>

 

2. 可以設定一開始要顯示的View的索引(從0開始),不設定則不顯示任何View,

設定的索引超過View的數量,則會拋出例外,例如ActiveViewIndex =4。

clip_image002

 

3. 可以透過View裡面的按鈕來控制要顯示的View

編號

CommandName

CommandArgument

作用

1

PrevView

 

回到上一個View

2

NextView

 

前往下一個View

3

SwitchViewByID

View3

根據ID前往指定的View,本例為View3

4

SwitchViewByIndex

0

根據索引前往指定的View,本例為0 (第一個View)

※要注意的地方為:如果在第一張View,回到上一個View,則會顯示空白

同樣的,如果在最後一個View,按下前往下一個View,也會顯示空白

 

4. MutiView的事件OnActiveViewChanged,會在變更View控制項的時候觸發(第一次載入也會)

<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0" OnActiveViewChanged="MultiView1_ActiveViewChanged">

 

5. View的OnActivate事件,會在載入View的時候觸發


<asp:View ID="View3" runat="server" OnActivate="View3_Activate">
    <h3>View 3</h3>
    <asp:Button ID="Button7" runat="server" Text="上一個" CommandName="PrevView" />
    <asp:Button ID="Button8" runat="server" Text="下一個" CommandName="NextView" />
</asp:View>

 

以上為簡單的使用筆記,做個記錄

原始碼下載:

https://github.com/mikemvc/WebLibraries/tree/WebSite

 

 

資料參考來源:

http://www.tutorialspoint.com/asp.net/asp.net_multi_views.htm