与刚接触 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>
[c#]
<%@ page language="c#" %>
<%@ 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 属性
string sortfield {
get {
object o = viewstate["sortfield"];
if (o == null) {
return string.empty;
}
return (string)o;
}
set {
if (value == sortfield) {
// 与当前排序文件相同，切换排序方向
sortascending = !sortascending;
}
viewstate["sortfield"] = value;
}
}
// 在 viewstate 中跟踪 sortascending 属性
bool sortascending {
get {
object o = viewstate["sortascending"];
if (o == null) {
return true;
}
return (bool)o;
}
set {
viewstate["sortascending"] = value;
}
}
void page_load(object sender, eventargs e) {
if (!page.ispostback) {
bindgrid();
}
}
void bindgrid() {
// 获取数据
dataset ds = new dataset();
ds.readxml(server.mappath("testdata.xml"));
dataview dv = new dataview(ds.tables[0]);
// 应用排序过滤器和方向
dv.sort = sortfield;
if (!sortascending) {
dv.sort += " desc";
}
// 绑定网格
datagrid1.datasource = dv;
datagrid1.databind();
}
void sortgrid(object sender, datagridsortcommandeventargs e) {
datagrid1.currentpageindex = 0;
sortfield = e.sortexpression;
bindgrid();
}
</script>
下面是上述两个代码段中引用的 testdata.xml 的代码：
<?xml version="1.0" standalone="yes"?>
<newdataset>
<table>
<pub_id>0736</pub_id>
<pub_name>new moon books</pub_name>
<city>boston</city>
<state>ma</state>
<country>usa</country>
</table>
<table>
<pub_id>0877</pub_id>
<pub_name>binnet & hardley</pub_name>
<city>washington</city>
<state>dc</state>
<country>usa</country>
</table>
<table>
<pub_id>1389</pub_id>
<pub_name>algodata infosystems</pub_name>
<city>berkeley</city>
<state>ca</state>
<country>usa</country>
</table>
<table>
<pub_id>1622</pub_id>
<pub_name>five lakes publishing</pub_name>
<city>chicago</city>
<state>il</state>
<country>usa</country>
</table>
<table>
<pub_id>1756</pub_id>
<pub_name>ramona publishers</pub_name>
<city>dallas</city>
<state>tx</state>
<country>usa</country>
</table>
<table>
<pub_id>9901</pub_id>
<pub_name>ggg&g</pub_name>
<city>muenchen</city>
<country>germany</country>
</table>
<table>
<pub_id>9952</pub_id>
<pub_name>scootney books</pub_name>
<city>new york</city>
<state>ny</state>
<country>usa</country>
</table>
<table>
<pub_id>9999</pub_id>
<pub_name>lucerne publishing</pub_name>
<city>paris</city>
<country>france</country>
</table>
</newdataset>
新闻热点
疑难解答
图片精选
