阅读971 返回首页    go 阿里云 go 技术社区[云栖]

ASP.NET ViewState 初探

与刚接触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值和所有控件将被收集并格式化成一个编码字符串，然后被分配给隐藏窗体字段的值属性（即<inputtype=hidden>）。由于隐藏窗体字段是发送到客户端的页面的一部分，所以ViewState值被临时存储在客户端的浏览器中。如果客户端选择将该页面回传给服务器，则ViewState字符串也将被回传。在上面的图2中可以看到ViewState窗体字段及其回传的值。

回传后，ASP.NET页面框架将解析ViewState字符串，并为该页面和各个控件填充ViewState属性。然后，控件再使用ViewState数据将自己重新恢复为以前的状态。

关于ViewState还有三个值得注意的小问题。

如果要使用ViewState，则在ASPX页面中必须有一个服务器端窗体标记(<formrunat=server>)。窗体字段是必需的，这样包含ViewState信息的隐藏字段才能回传给服务器。而且，该窗体还必须是服务器端的窗体，这样在服务器上执行该页面时，ASP.NET页面框架才能添加隐藏的字段。

页面本身将20字节左右的信息保存在ViewState中，用于在回传时将PostBack数据和ViewState值分发给正确的控件。因此，即使该页面或应用程序禁用了ViewState，仍可以在ViewState中看到少量的剩余字节。

在页面不回传的情况下，可以通过省略服务器端的<form>标记来去除页面中的ViewState。

充分利用ViewState

ViewState为跨回传跟踪控件的状态提供了一条神奇的途径，因为它不使用服务器资源、不会超时，并且适用于任何浏览器。如果您要编写控件，那么肯定需要了解如何在控件中维护状态（英文）。

开发人员在编写页面时同样可以按照几乎相同的方式来利用ViewState，只是有时页面会包含不由控件存储的UI状态值。您可以跟踪ViewState中的值，使用的编程语法与会话和高速缓存的语法类似：

[VisualBasic]


'保存在ViewState中
ViewState("SortOrder")="DESC"

'从ViewState中读取
DimSortOrderAsString=CStr(ViewState("SortOrder"))

[C#]


//保存在ViewState中
ViewState["SortOrder"]="DESC";

//从ViewState中读取
stringsortOrder=(string)ViewState["SortOrder"];

请看下面的示例：要在Web页上显示一个项目列表，而每个用户需要不同的列表排序。项目列表是静态的，因此可以将这些页面绑定到相同的缓存数据集，而排序顺序只是用户特定的UI状态的一小部分。ViewState非常适合于存储这种类型的值。代码如下：

[VisualBasic]


<%@ImportNamespace="System.Data"%>
<HTML>
<HEAD>
<title>用于页面UI状态值的ViewState/title>
</HEAD>
<body>
<formrunat="server">
<H3>
在ViewState中存储非控件状态
</H3>
<P>
此示例将一列静态数据的当前排序顺序存储在ViewState中。<br>
单击列标题中的链接，可按该字段排序数据。<br>
再次单击该链接，将按相反顺序排序。
<br><br><br>
<asp:datagridrunat="server"
OnSortCommand="SortGrid"BorderStyle="None"BorderWidth="1px"
BorderColor="#CCCCCC"BackColor="White"CellPadding="5"AllowSorting="True">
<HeaderStyleFont-Bold="True"ForeColor="White"
BackColor="#006699">
</HeaderStyle>
</asp:datagrid>
</P>
</form>
</body>
</HTML>
<scriptrunat="server">

'在ViewState中跟踪SortField属性
PropertySortField()AsString

Get
DimoAsObject=ViewState("SortField")
IfoIsNothingThen
ReturnString.Empty
EndIf
ReturnCStr(o)
EndGet

Set(ValueAsString)
IfValue=SortFieldThen
'与当前排序文件相同，切换排序方向
SortAscending=NotSortAscending
EndIf
ViewState("SortField")=Value
EndSet

EndProperty

'在ViewState中跟踪SortAscending属性
PropertySortAscending()AsBoolean

Get
DimoAsObject=ViewState("SortAscending")
IfoIsNothingThen
ReturnTrue
EndIf
ReturnCBool(o)
EndGet

Set(ValueAsBoolean)
ViewState("SortAscending")=Value
EndSet

EndProperty

PrivateSubPage_Load(senderAsObject,eAsEventArgs)HandlesMyBase.Load

IfNotPage.IsPostBackThen
BindGrid()
EndIf

EndSub

SubBindGrid()

'获取数据
DimdsAsNewDataSet()
ds.ReadXml(Server.MapPath("TestData.xml"))

DimdvAsNewDataView(ds.Tables(0))

'应用排序过滤器和方向
dv.Sort=SortField
IfNotSortAscendingThen
dv.Sort+="DESC"
EndIf

'绑定网格
DataGrid1.DataSource=dv
DataGrid1.DataBind()

EndSub

PrivateSubSortGrid(senderAsObject,eAsDataGridSortCommandEventArgs)
DataGrid1.CurrentPageIndex=0
SortField=e.SortExpression
BindGrid()
EndSub

</script>

[C#]


<%@PageLanguage="C#"%>
<%@ImportNamespace="System.Data"%>
<HTML>
<HEAD>
<title>用于页面UI状态值的ViewState</title>
</HEAD>
<body>
<formrunat="server">
<H3>
在ViewState中存储非控件状态
</H3>
<P>
此示例将一列静态数据的当前排序顺序存储在ViewState中。<br>
单击列标题中的链接，可按该字段排序数据。<br>
再次单击该链接，将按相反顺序排序。
<br><br><br>
<asp:datagridrunat="server"OnSortCommand="SortGrid"
BorderStyle="None"BorderWidth="1px"BorderColor="#CCCCCC"
BackColor="White"CellPadding="5"AllowSorting="True">
<HeaderStyleFont-Bold="True"ForeColor="White"BackColor="#006699">
</HeaderStyle>
</asp:datagrid>
</P>
</form>
</body>
</HTML>
<scriptrunat="server">

//在ViewState中跟踪SortField属性
stringSortField{

get{
objecto=ViewState["SortField"];
if(o==null){
returnString.Empty;
}
return(string)o;
}

set{
if(value==SortField){
//与当前排序文件相同，切换排序方向
SortAscending=!SortAscending;
}
ViewState["SortField"]=value;
}
}

//在ViewState中跟踪SortAscending属性
boolSortAscending{

get{
objecto=ViewState["SortAscending"];
if(o==null){
returntrue;
}
return(bool)o;
}

set{
ViewState["SortAscending"]=value;
}
}

voidPage_Load(objectsender,EventArgse){

if(!Page.IsPostBack){
BindGrid();
}
}

voidBindGrid(){

//获取数据
DataSetds=newDataSet();
ds.ReadXml(Server.MapPath("TestData.xml"));

DataViewdv=newDataView(ds.Tables[0]);

//应用排序过滤器和方向
dv.Sort=SortField;
if(!SortAscending){
dv.Sort+="DESC";
}

//绑定网格
DataGrid1.DataSource=dv;
DataGrid1.DataBind();
}

voidSortGrid(objectsender,DataGridSortCommandEventArgse){

DataGrid1.CurrentPageIndex=0;
SortField=e.SortExpression;
BindGrid();
}

</script>

下面是上述两个代码段中引用的testdata.xml的代码：


<?xmlversion="1.0"standalone="yes"?>
<NewDataSet>
<Table>
<pub_id>0736</pub_id>
<pub_name>NewMoonBooks</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>AlgodataInfosystems</pub_name>
<city>Berkeley</city>
<state>CA</state>
<country>USA</country>
</Table>
<Table>
<pub_id>1622</pub_id>
<pub_name>FiveLakesPublishing</pub_name>
<city>Chicago</city>
<state>IL</state>
<country>USA</country>
</Table>
<Table>
<pub_id>1756</pub_id>
<pub_name>RamonaPublishers</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>ScootneyBooks</pub_name>
<city>NewYork</city>
<state>NY</state>
<country>USA</country>
</Table>
<Table>
<pub_id>9999</pub_id>
<pub_name>LucernePublishing</pub_name>
<city>Paris</city>
<country>France</country>
</Table>
</NewDataSet>

最后更新：2017-04-02 00:06:33

  上一篇：go TreeView使用笔记
  下一篇：go 用ASP.NET开发Web服务的五则技巧