和刚接触 asp.net 页面的研发人员交谈时,他们通常向我提出的第一个问题就是:“那个 viewstate 到底是什么?”他们的语气中流露出的那种感觉,就象我来到一家异国情调的餐馆,侍者端上一道我从未见过的菜肴时的那种感觉 - 既疑惑不解,又充满好奇。但肯定有人认为他不错,否则就不会提供了。所以,我会先尝一尝,或许会喜欢上他,尽管他看上去的确非常古怪!
对于 viewstate 也是如此,不过如果适应了他的风格,你会发目前许多情况下,你将乐于在自己的 asp.net 应用程式中使用 viewstate,因为他能帮助你使用更少的代码完成更多的工作。不过,有时也会对 viewstate 完全弃之不用。下面我们就这两种情况分别进行阐述,不过,让我们先回答什么是 viewstate 这个问题。
答案:viewstate 用于维护页面的 ui 状态
web 是没有状态的,asp.net 页面也没有状态,他们在到服务器的每个往返过程中被实例化、执行、呈现和处理。作为 web 研发人员,你能使用众所周知的技术(如以会话状态将状态存储在服务器上,或将页面回传到自身)来添加状态。下面我们以图 1 中的注册窗体为例进行论述。
图 1:恢复回传的窗体值
从上图中能看出,我为便餐选择了一个无效的值。此窗体和 web 上的多数窗体相同友好,他在出现错误的字段旁边显示一条有用的错误消息和一个星号。而且,窗体中还显示了我在其他文本框和下拉列表中输入的所有有效值。这在某种程度上是可能的,因为 html 窗体元素会在 http 标头中将其当前值从浏览器发送到服务器。你能使用 asp.net 跟踪来查看回传的窗体值,如图 2 所示。
图 2:http 窗体中回传的值(通过 asp.net 跟踪显示)
在 asp.net 之前,通过多次回传将值恢复到窗体字段中完全是页面研发人员的责任,他们将不得不从 http 窗体中逐个拾取回传值,然后再将其推回字段中。幸运的是,目前 asp.net 能自动完成这项任务,从而为研发人员免除了一项令人厌烦的工作,同时也无需再为窗体编写大量的代码。但这并不是 viewstate。
viewstate(英文)是一种机制,asp.net 使用这种机制来跟踪服务器控件状态值,否则这些值将不作为 http 窗体的一部分而回传。例如,由 label 控件显示的文本默认情况下就保存在 viewstate 中。作为研发人员,你能绑定数据,或在首次加载该页面时仅对 label 编程设置一次,在后续的回传中,该标签文本将自动从 viewstate 中重新填充。因此,除了能减少繁琐的工作和代码外,viewstate 通常还能减少数据库的往返次数。
viewstate 的工作原理
viewstate 确实没有什么神秘之处,他是由 asp.net 页面框架管理的一个隐藏的窗体字段。当 asp.net 执行某个页面时,该页面上的 viewstate 值和所有控件将被收集并格式化成一个编码字符串,然后被分配给隐藏窗体字段的值属性(即 <input type=hidden>)。由于隐藏窗体字段是发送到客户端的页面的一部分,所以 viewstate 值被临时存储在客户端的浏览器中。如果客户端选择将该页面回传给服务器,则 viewstate 字符串也将被回传。在上面的图 2 中能看到 viewstate 窗体字段及其回传的值。
回传后,asp.net 页面框架将解析 viewstate 字符串,并为该页面和各个控件填充 viewstate 属性。然后,控件再使用 viewstate 数据将自己重新恢复为以前的状态。
关于 viewstate 更有三个值得注意的小问题。
如果要使用 viewstate,则在 aspx 页面中必须有一个服务器端窗体标记 (<form runat=server>)。窗体字段是必需的,这样包含 viewstate 信息的隐藏字段才能回传给服务器。而且,该窗体还必须是服务器端的窗体,这样在服务器上执行该页面时,asp.net 页面框架才能添加隐藏的字段。
页面本身将 20 字节左右的信息保存在 viewstate 中,用于在回传时将 postback 数据和 viewstate 值分发给正确的控件。因此,即使该页面或应用程式禁用了 viewstate,仍能在 viewstate 中看到少量的剩余字节。
在页面不回传的情况下,能通过省略服务器端的 <form> 标记来去除页面中的 viewstate。
充分利用 viewstate
viewstate 为跨回传跟踪控件的状态提供了一条神奇的途径,因为他不使用服务器资源、不会超时,并且适用于所有浏览器。如果你要编写控件,那么肯定需要了解怎么在控件中维护状态(英文)。
研发人员在编写页面时同样能按照几乎相同的方式来利用 viewstate,只是有时页面会包含不由控件存储的 ui 状态值。你能跟踪 viewstate 中的值,使用的编程语法和会话和高速缓存的语法类似:
[visual basic]
保存在 viewstate 中
viewstate("sortorder") = "desc"
从 viewstate 中读取
dim sortorder as string = cstr(viewstate("sortorder"))
[c#]
// 保存在 viewstate 中
viewstate["sortorder"] = "desc";
// 从 viewstate 中读取
string sortorder = (string)viewstate["sortorder"];
请看下面的示例:要在 web 页上显示一个项目列表,而每个用户需要不同的列表排序。项目列表是静态的,因此能将这些页面绑定到相同的缓存数据集,而排序顺序只是用户特定的 ui 状态的一小部分。viewstate 非常适合于存储这种类型的值。代码如下:
[visual basic]
<%@ import namespace="system.data" %>
<html>
<head>
<title>用于页面 ui 状态值的 viewstate/title>
</head>
<body>
<form runat="server">
<h3>
在 viewstate 中存储非控件状态
</h3>
<p>
此示例将一列静态数据的当前排序顺序存储在 viewstate 中。<br>
单击列标题中的链接,可按该字段排序数据。<br>
再次单击该链接,将按相反顺序排序。
<br><br><br>
<asp:datagrid id="datagrid1" runat="server"
onsortcommand="sortgrid" borderstyle="none" borderwidth="1px"
bordercolor="#cccccc" backcolor="white" cellpadding="5" allowsorting="true">
<headerstyle font-bold="true" forecolor="white"
backcolor="#006699">
</headerstyle>
</asp:datagrid>
</p>
</form>
</body>
</html>
<script runat="server">
在 viewstate 中跟踪 sortfield 属性
property sortfield() as string
get
dim o as object = viewstate("sortfield")
if o is nothing then
return string.empty
end if
return cstr(o)
end get
set(value as string)
if value = sortfield then
和当前排序文件相同,转换排序方向
sortascending = not sortascending
end if
viewstate("sortfield") = value
end set
end property
在 viewstate 中跟踪 sortascending 属性
property sortascending() as boolean
get
dim o as object = viewstate("sortascending")
if o is nothing then
return true
end if
return cbool(o)
end get
set(value as boolean)
viewstate("sortascending") = value
end set
end property
private sub page_load(sender as object, e as eventargs) handles mybase.load
if not page.ispostback then
bindgrid()
end if
end sub
sub bindgrid()
获取数据
dim ds as new dataset()
ds.readxml(server.mappath("testdata.xml"))
dim dv as new dataview(ds.tables(0))
应用排序过滤器和方向
dv.sort = sortfield
if not sortascending then
dv.sort += " desc"
end if
绑定网格
datagrid1.datasource = dv
datagrid1.databind()
end sub
private sub sortgrid(sender as object, e as datagridsortcommandeventargs)
datagrid1.currentpageindex = 0
sortfield = e.sortexpression
bindgrid()
end sub
</script>