5.13 视图控件(MultiView和View)

  视图控件很像在WinForm开发中的TabControl控件,在网页开发中,可以使用MultiView控件作为一个或多个View控件的容器,让用户体验得到更大的改善。在一个MultiView控件中,可以放置多个View控件(选项卡),当用户点击到关心的选项卡时,可以显示相应的内容,很像Visual Studio 2008中的设计、视图、拆分等类型的功能。

  无论是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>

  上述代码中,使用了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所示。
为每个View编写不同的应用
图5-39 为每个View编写不同的应用

  MultiView和View控件也可以实现导航效果,可以通过编程指定MultiView的ActiveViewIndex属性显示相应的View控件。
注意:在MultiView控件中,第一个被放置的View控件的索引为0而不是1,后面的View控件的索引依次递增。

加支付宝好友偷能量挖...


评论(1)网络
阅读(145)喜欢(0)Asp.Net/C#/WCF