本文和大家重點學(xué)習(xí)一下Flex DataGrid分頁的概念，這兩天做了一個Flex DataGrid分頁（paging）控件，雖然是用Flex做的，但只要掌握了思路，用別的編程語言也能達(dá)到同樣的效果。

Flex DataGrid分頁（客戶端、服務(wù)端）

　這兩天做了一個Flex DataGrid分頁（paging）控件，支持客戶端、服務(wù)端兩種分頁形式；這里著重分享一下思路，雖然是用flex做的，但只要掌握了思路，用別的編程語言也能達(dá)到同樣的效果。

設(shè)計思路：

　　1，客戶端、服務(wù)端

　?。?）客戶端分頁：將數(shù)據(jù)一次性取到客戶端，客戶要看哪一頁的數(shù)據(jù)，顯示哪一頁的數(shù)據(jù)。

　?。?）服務(wù)端分頁：客戶要看哪一頁的數(shù)據(jù)，向服務(wù)端請求哪一頁的數(shù)據(jù)，客戶端將請求到的數(shù)據(jù)顯示給用戶（可以在客戶端、服務(wù)端分別做緩存，加快數(shù)據(jù)的讀?。?，由于flex本身不具有數(shù)據(jù)庫訪問能力，可以考慮通過WebServices向服務(wù)器傳遞數(shù)據(jù)，數(shù)據(jù)的表示形式可以是XML、JSON（本文采用XML的形式）。

　　2，F(xiàn)lex DataGrid分頁表示層的設(shè)計

　?。?）頁碼條中4個按鈕；這四個按鈕分別為轉(zhuǎn)到***頁，前一頁，后一頁，***一頁；當(dāng)這四個按鈕中的任意一點被點擊時，頁碼要重繪，當(dāng)前頁碼變化；且還要考慮當(dāng)頁碼中有***頁時，前兩個按鈕要隱藏起來；當(dāng)頁碼中有***一頁時，后兩個按鈕要隱藏起來。

　?。?）頁碼條中頁碼；當(dāng)點擊頁碼條中的頁碼時，DataGrid中更新顯示數(shù)據(jù)即可，當(dāng)前頁碼變化。

       （3）顯示總頁數(shù)，總記錄數(shù)；

　　（4）每頁記錄數(shù)，讓用戶通過下拉框選擇；當(dāng)用戶選擇新的每頁顯示記錄數(shù)時，頁碼要重繪，總頁數(shù)發(fā)生變化，當(dāng)前頁碼變化。

　?。?）頁碼輸入框，讓用戶輸入任意頁碼（要檢查輸入數(shù)據(jù)是否合法），DataGrid顯示頁碼中的數(shù)據(jù)，頁碼要重繪，總頁數(shù)變化。

　?。?）查看所有；分頁中的特殊情況，將每頁記數(shù)置為記錄總數(shù)即可達(dá)到要求！頁碼要重繪，總頁數(shù)發(fā)生變化，當(dāng)前頁碼變化

【編輯推薦】

1. 解析FlexSDK4的十大變化
2. 揭露Flex2.0的幾大誤區(qū)
3. 技術(shù)分享 Flex2.0文件上傳如何實現(xiàn)
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. Flex ComboBox和Datagrid組件用法指導(dǎo)