ExtJs 的學習歷程 Grid篇 1

2021-08-30 05:04:30 字數 1239 閱讀 9812

一直在找乙個功能強大的grid,能夠滿足我在工作中的大部分需求。自從認識ext grid後,我就被深深住了,這不就是我要找的東西嗎? 看了它的例子,就想著手用一下.但是,真正要將此控制項用到工作中,還需要做許多處理,

於是我把工作分成幾個階段.

-------------------------------------

1. grid顯示

2. grid編輯

3. grid的綜合應用

-------------------------------------

先為第一點 grid顯示列出以下需要實現的功能點:

[b]a.[/b] grid應該能顯示編號 (1..n)

[b]b.[/b] 列的格式應該可以設定,如對日期,數值型別,其它型別等的格式化

[b]c.[/b] grid的豎向**線好象沒有,應該給它加上

[b]d.[/b] grid列的寬度最好可以設定,最好按百分比,如 10%,25%等

[b]e.[/b] grid顯示分頁功能總是要具備吧,最好有個導航條,

可以選擇跳到第幾頁,首頁,末頁什麼的

[b]f.[/b] 最好可設定每頁顯示多少條記錄.一般來說,整個應用需要每頁顯示的條數

一股來說是固定的,特殊情況需要單獨調整.

[b]g.[/b] 顯示的效能起碼要和現在直接用table方式顯示grid差不了太多吧,否則客戶會不滿意.

[b]h.[/b] 還要支援列排序,應該實現後台排序才可以,前台排序沒有什麼用.

[b]i.[/b] grid的高度最好可以隨頁面進行調整,因為一般來說,某種固定的頁面,

就幾個固定的區域,所以希望grid把剩下的空間佔滿.

[b]j.[/b] grid的寬度應該可設定百分比,如 95%等.

[b]k.[/b] 列的顯示位置最好可以調整.有些使用者需要參照一些列,這些列如果間隔比較遠

,就不好了.

[b]l.[/b] 最好在頁面上也可以調整一下列的寬度,最好增加乙個象excel的雙擊列的邊界區域

來個自動調整寬度那就更好了.

[b]m.[/b] grid還需要資料填充,用哪種格式呢?看書上說xml,json的格式都可以。

以前在其它的控制項裡用過xml,當資料超過1萬條之後,就有點慢了,那就用json好了.

有時間的話,也可以做個例子,看看xml資料和json資料的載入到底效能能差多少.

看看長長的grid顯示需要完成的功能列表, 心裡想,乙個grid顯示還真的挺複雜的, 需要實現這麼多的外部功能. (待續)

Extjs學習 Grid例項

首先,乙個 應該有列定義,即定義表頭columnmodel 定義乙個columnmodel,表頭中有四列 var cm new ext.grid.columnmodel cm.defaultsortable true 該columnmodel定義了 的四個列,其每列的名稱和對應的資料鍵。請注意def...

ExtJs的學習歷程 序

2009.8.31 b 序 b b 正文 b 接觸extjs是在一年前了,那時extjs的版本2.02已經發布。看到它的demo,心裡一陣激動 這就是我要的元件 接下來的日子裡,我就從基礎類開始看起,因為有js和css的底,以及跨瀏覽器的開發經驗,所以感覺還挺適應.但是看終歸看,要把它當作企業應用的...

ExtJs中Grid的用法

本文整理自 http leadergxg.25291.84g.com extjs example index.html 簡單grid,以本地陣列資料作為資料來源 var grid function autoload true 自動載入資料 列定義,即定義表頭columnmodel,可以通過width...