與剛接觸 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>
新聞熱點
疑難解答
圖片精選
