5.13 视图控件(MultiView和View)
视图控件很像在WinForm开发中的TabControl控件,在网页开发中,可以使用MultiView控件作为一个或多个View控件的容器,让用户体验得到更大的改善。在一个MultiView控件中,可以放置多个View控件(选项卡),当用户点击到关心的选项卡时,可以显示相应的内容,很像Visual Studio 2008中的设计、视图、拆分等类型的功能。
无论是MultiView还是View,都不会在HTML页面中呈现任何标记。而MultiView控件和View没有像其他控件那样多的属性,惟一需要指定的就是ActiveViewIndex属性,视图控件HTML代码如下所示。
上述代码中,使用了Button来对视图控件进行选择,通过单击按钮,来选择替换到【下一个】或者是【上一个】按钮,如图5-37所示。在用户注册中,这一步能够制作成Web向导,让用户更加方便的使用Web应用。当标签显式完毕后,会显式上一步按钮5-38所示。
图5-37 第一个标签
图5-38 第二个标签
注意:在HTML代码中,并没有为每个按钮的事件编写代码,是因为按钮通过CommandArgument和CommandName属性操作视图控件。
MultiView和View控件能够实现Panel控件的任务,但可以让用户选择其他条件。同时MultiView和View能够实现Wizard控件相似的行为,并且可以自己编写实现细节。相比之下,当不需要使用Wizard提供的方法时,可以使用MultiView和View控件来代替,并且编写过程更加“可视化”,如图5-39所示。
图5-39 为每个View编写不同的应用
MultiView和View控件也可以实现导航效果,可以通过编程指定MultiView的ActiveViewIndex属性显示相应的View控件。
注意:在MultiView控件中,第一个被放置的View控件的索引为0而不是1,后面的View控件的索引依次递增。
无论是MultiView还是View,都不会在HTML页面中呈现任何标记。而MultiView控件和View没有像其他控件那样多的属性,惟一需要指定的就是ActiveViewIndex属性,视图控件HTML代码如下所示。
+展开
-HTML
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
abc<br >
<asp:Button ID="Button1" runat="server" CommandArgument="View2"
CommandName="SwitchViewByID" Text="下一个" />
</asp:View>
<asp:View ID="View2" runat="server">
123<br >
<asp:Button ID="Button2" runat="server" CommandArgument="View1"
CommandName="SwitchViewByID" Text="上一个" />
</asp:View>
</asp:MultiView>
<asp:View ID="View1" runat="server">
abc<br >
<asp:Button ID="Button1" runat="server" CommandArgument="View2"
CommandName="SwitchViewByID" Text="下一个" />
</asp:View>
<asp:View ID="View2" runat="server">
123<br >
<asp:Button ID="Button2" runat="server" CommandArgument="View1"
CommandName="SwitchViewByID" Text="上一个" />
</asp:View>
</asp:MultiView>
上述代码中,使用了Button来对视图控件进行选择,通过单击按钮,来选择替换到【下一个】或者是【上一个】按钮,如图5-37所示。在用户注册中,这一步能够制作成Web向导,让用户更加方便的使用Web应用。当标签显式完毕后,会显式上一步按钮5-38所示。
图5-37 第一个标签
图5-38 第二个标签
注意:在HTML代码中,并没有为每个按钮的事件编写代码,是因为按钮通过CommandArgument和CommandName属性操作视图控件。
MultiView和View控件能够实现Panel控件的任务,但可以让用户选择其他条件。同时MultiView和View能够实现Wizard控件相似的行为,并且可以自己编写实现细节。相比之下,当不需要使用Wizard提供的方法时,可以使用MultiView和View控件来代替,并且编写过程更加“可视化”,如图5-39所示。
图5-39 为每个View编写不同的应用
MultiView和View控件也可以实现导航效果,可以通过编程指定MultiView的ActiveViewIndex属性显示相应的View控件。
注意:在MultiView控件中,第一个被放置的View控件的索引为0而不是1,后面的View控件的索引依次递增。
加支付宝好友偷能量挖...