導言:
在前面部分我們概述了ASP.NET AJAX framework,我們探討了如何下載和安裝該架構,同時對UpdatePanel控制項進行了相關概述.把UpdatePanel控制項拖動到頁面 ,再把要參與局部回傳的控制項放置到UpdatePanel控制項裡,就可以很簡單的建立互動使用者介面.任何由UpdatePanel內的控制項觸發的回傳都會轉化為局部頁面回傳.和整頁 回傳類似,局部回傳也向伺服器發送一個請求,而不經由用戶端指令碼.另外,在頁面上只有這些地區的編碼在HTTP響應裡進行返回,且通過JavaScript進行更新.簡而言之, 局部頁面使頁面看起來更清爽.用戶端和伺服器端的代碼互動量更少,頁面更新更流暢——沒有普通回傳時常有的閃爍現象.
在Part 1我們考察的 UpdatePanel控制項實在是太簡單了,其僅僅包含了一個Label 和 Button控制項.本文,我們將更接近實際的考察UpdatePanel控制項,更深入的考察其屬性.具體來說,首先我們將 在UpdatePanel裡使用GridView控制項;然後,我們再看一個頁麵包含多個UpdatePanel控制項的情況,闡述UpdatePanel控制項的UpdateMode, ChildrenAsTrigger, 以及Triggers 屬性的功效。
在UpdatePanel裡使用GridView控制項
使用UpdatePanel控制項的好處在於,它可以建立一個具有AJAX功能的使用者介面。在現實生活中,使用者介面可 能會包含資料Web控制項,比如GridView。當把它置於UpdatePanel控制項時,其所有的功能——比如分頁、排序、編輯、刪除等可以使用,而不用編寫額外的代碼 等.
本文下載代碼裡有這樣一個執行個體,一個GridView控制項置於UpdatePanel控制項裡面,其支援編輯、刪除、排序、分頁等功能.要建立這樣的頁面,你只需要將 ScriptManager 和 UpdatePanel控制項添加到頁面上;接下來,將一個GridView控制項添加到該UpdatePanel控制項裡。此時,你可以像通常那樣對其進行設定,你可以將其綁定到 一個公用資料來源控制項(declarative data source control),並在其智能標籤裡啟用分頁、排序、編輯、刪除功能。對GridView控制項的編輯、刪除、分頁、排序的徹底闡述超 出了本文的範疇,關於這方面的更多詳情,請參閱文章
《Working with Data in ASP.NET 2.0》(http://asp.net/learn/data%2Daccess)
完成GridView控制項 的設定後,在瀏覽器裡進行測試。由於GridView控制項放置在 UpdatePanel裡,普通情況下將引發整頁回傳的操作——比如轉到下一頁面,排序、編輯、刪除等, 都只會觸發局部回傳。使用者介面看起來清爽多了.