用Microsoft ASP.NET AJAX技術構建互動使用者介面— Part 2

來源:互聯網
上載者:User

導言:

在前面部分我們概述了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裡,普通情況下將引發整頁回傳的操作——比如轉到下一頁面,排序、編輯、刪除等, 都只會觸發局部回傳。使用者介面看起來清爽多了.

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.