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。
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