ExtJS入門教程05,grid的非同步載入資料

2022-01-13 13:41:12 字數 1072 閱讀 5551

所謂非同步,就是通過ajax的方式將伺服器端的資料載入到我們的grid中。為了提供資料,我們先定義乙個資料類,並建立一些臨時資料。

public class 

userentity

public string

name

public int

age

public static

list

<

userentity

> userlist =

null

;

static

userentity()

);userlist.add(

new

userentity

() );

userlist.add(

new

userentity

() );

userlist.add(

new

userentity

() );

userlist.add(

new

userentity

() );

userlist.add(

new

userentity

() );

}}

有了資料,我們來建立乙個httphandler,我們通過handler來提供資料:

}}我們這裡使用了json.net來將資料序列化為json字串。

var 

mystore = ext.create(

'ext.data.store'

, }

});

首先,新增了autoload屬性,這個屬性表示自動載入url中的資料。

proxy中的url屬性就是我們剛才定義的handler的位址。

完成改造以後,執行我們的程式,乙個簡單的非同步載入的grid就完成了。

ExtJS入門教程05,grid的非同步載入資料

所謂非同步,就是通過ajax的方式將伺服器端的資料載入到我們的grid中。為了提供資料,我們先定義乙個資料類,並建立一些臨時資料。public class userentity public string name public int age public static list userenti...

ExtJS入門教程06,grid分頁的實現

前面兩篇內容分別介紹了extjs grid的基本用法和extjs grid非同步載入資料,這篇文章將介紹extjs grid的分頁。在extjs grid的請求中,包含幾個引數,如圖 page 當前頁 start 起始行的行號 limit 每頁資料行數,預設為25 在請求處理的時候,我們只要獲得這些...

ExtJs 入門教程(我感覺挺好的)

extjs 入門教程一 學習方法 extjs 入門教程二 hello world extjs 入門教程三 窗體 window元件 extjs 入門教程四 表單 formpanel extjs 入門教程五 文字框 textfield extjs 入門教程六 按鈕 button extjs 入門教程七 ...