ExtJs3帶條件的分頁查詢的實現

2021-06-18 07:16:45 字數 917 閱讀 5326

使用extjs的同志們一定知道gridpanel哈~神器一般,非常方便的顯示**型別的資料,例如神馬使用者列表、產品列表、銷售單列表、***x列表等。從資料庫中查詢所需的資料,以列表的形式顯示出來,我們理應想到對這種資料實現搜尋。 

搜尋最簡單的方法就是reload那個與gridpanel關聯的store,將搜尋結果存進去,但是最初實現的搜尋都把原來gridpanel的那個分頁功能給破壞掉了。 

原因: 

給store重新載入資料後,paging*******不起作用了,因為extjs預設實現的是伺服器端分頁,即傳送帶有start、limit引數的請求,通過sql語句進行分頁(記得本地分頁也是可以實現的,待整理)。 

解決方法: 

利用store的「beforeload」事件和baseparams屬性。beforeload在store載入資料之前觸發,所謂的baseparams,是store每次http請求都會帶上的引數,本來它是乙個物件的形式,請求時會轉化為引數的字串。 

// 明細賬會計區間、時間段、科目,用四個變數儲存查詢條件

var se_period;

var se_subject;

var se_starttime;

var se_endtime;

// 儲存明細賬用的jsonstore

var subsidiarystore = new ext.data.jsonstore(}}

});

查詢按鈕

// 某用於查詢的button上實現的載入方法

buttons: [

});}

}]

這樣樣在store載入資料時,就會同時提交查詢條件啦,後台正常獲取那些引數,進行一下判斷,查詢條件為空時分頁取所有資料就可以啦,嗷yeah~

ExtJs3帶條件的分頁查詢的實現

使用extjs的同志們一定知道gridpanel哈 神器一般,非常方便的顯示 型別的資料,例如神馬使用者列表 產品列表 銷售單列表 x列表等。從資料庫中查詢所需的資料,以列表的形式顯示出來,我們理應想到對這種資料實現搜尋。搜尋最簡單的方法就是reload那個與gridpanel關聯的store,將搜...

ExtJs3帶條件的分頁查詢的實現

使用extjs的同志們一定知道gridpanel哈 神器一般,非常方便的顯示 型別的資料,例如神馬使用者列表 產品列表 銷售單列表 x列表等。從資料庫中查詢所需的資料,以列表的形式顯示出來,我們理應想到對這種資料實現搜尋。搜尋最簡單的方法就是reload那個與gridpanel關聯的store,將搜...

EXTjs 分頁 加條件查詢

var store new ext.data.jsonstore store.setbaseparam factorquery false 讀取資料 store.load root rows json格式是這樣的 意思是rows裡的每乙個子元素就對應的一行 ext會自動新增到一行上面 totalpr...