multiview控件

1月6日

multiview控件，实际上是有点象在c/s开发中很常见的tabcontrol控件，可以在一个页面中，放置多个"view"(我们称为选项卡)，比如可以用multiview控件，可以让用户在同一页面中，通过切换到每个选项卡，从而看到要看的内容，而不用每次都重新打开一个新的窗口。
然而对Panel 的 Visible属性进行控制也可以完成这个工作，只是说用这个更专业吧！

未选择某个 View 控件时，该控件不会呈现到页面中。但是，每次呈现页面时都会创建所有 View 控件中的所有 Web 服务器控件的实例，并且将这些实例的值存储为页面的视图状态的一部分。

比如我们在用户注册中，不希望一次出现很多要填写的项，怎么做呢？那就可以用到这个，本来开始都作出来了，可惜做注册的话必须用到验证控件和存入数据库，所以暂时不做，希望大家理解，我之所以把这个系列的控件都分这么细，完全不是我无聊，我只是想尽量摸索每个控件的功能，毕竟如果我们把每个控件的功能都学得比较通了，那在实际运用中能够节约很多时间和网络带宽，我们说做程序特别是ＷＥＢ程序，不能只考虑完成了什么功能，应该考虑如何用做恰当的控件来节约开发时间和页面体积，我常常说要完成一个功能至少有两种途径，但是总有一种是尽量兼顾到各方面的，例如我们说把注册分开几个阶段，可以完成的控件就多了，panel,PlaceHolder,Wizard,当然还有我们即将讲的multiview，如何抉择才能最好呢？这必须我们对控件本身比较了解才行！好了，不废话了．

有点需要注意的是，multiview中的View完全是按照排列来定的索引，并不是你给他的ＩＤ．

当然也可以通过URL 传递参数,总之一句话,只要你把索引值传给了他,就成

通过将 MultiView 控件的 ActiveViewIndex 属性设置为要显示的 View 控件的索引值，可以在视图间移动。MultiView 控件还支持可以添加到每个 View 控件的导航按钮。

若要创建导航按钮，可以向每个 View 控件添加一个按钮控件（Button、LinkButton或 ImageButton ）。然后可以将每个按钮的 CommandName 和 CommandArgument 属性设置为保留值以使 MultiView 控件移动到另一个视图。下表列出了保留的 CommandName 值和相应的 CommandArgument 值。

CommandName 值	CommandArgument 值
NextView	（没有值）
PrevView	（没有值）
SwitchViewByID	要切换到的 View 控件的 ID。
SwitchViewByIndex	要切换到的 View 控件的索引号。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div>

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">

<asp:ListItem Value="0">view1</asp:ListItem>

<asp:ListItem Value="1">view2</asp:ListItem>

<asp:ListItem Value="2">view3</asp:ListItem>

</asp:DropDownList>

<br>

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

<asp:View ID="View1" runat="server">

111111111111111111111111111<br />

<asp:Button ID="Button1" runat="server" CommandName="NextView" Text="next" />

<asp:Button ID="Button5" runat="server" CommandArgument="View3" CommandName="SwitchViewByID"

Text="last" /></asp:View>

<asp:View ID="View2" runat="server">

222222222222222222222222222<br />

<asp:Button ID="Button2" runat="server" CommandName="PrevView" Text="pre" />

<asp:Button ID="Button3" runat="server" CommandName="NextView" Text="next" /></asp:View>

<asp:View ID="View3" runat="server">

333333333333333333333333333<br />

<asp:Button ID="Button4" runat="server" CommandArgument="0" CommandName="SwitchViewByIndex"

Text="first" />

<asp:Button ID="Button6" runat="server" CommandName="preview" Text="pre" /></asp:View>

</asp:MultiView></div>

</form>

</body>

</html>

Partial Class MultiView

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Request.QueryString("id") <> "" Then

MultiView1.ActiveViewIndex = Convert.ToInt32(Request.QueryString("id"))

End If

End Sub

Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged

MultiView1.ActiveViewIndex = Convert.ToInt32(DropDownList1.SelectedValue)

End Sub

End Class

20:16 | 写入日志 | asp.net

若要添加评论，请使用您的 Windows Live ID 登录（如果您使用过 Hotmail、Messenger 或 Xbox LIVE，您就拥有 Windows Live ID）。登录

还没有 Windows Live ID 吗？请注册

引用通告

此日志的引用通告 URL 是：

http://whiteandblue.spaces.live.com/blog/cns!EF8DBCBF3068FC3!196.trak

引用此项的网络日志