EasyUI Pagination 分頁的兩種做法

2021-06-19 10:09:27 字數 1346 閱讀 2493

easyui 的 datagrid 支援伺服器端分頁,但是官方的資料比較少,以下總結了兩種 datagrid 的伺服器端分頁機制,可根據情況具體使用。

一:使用 datagrid 預設機制

後台:public jsonresult getquestionunit()

前台:$(function () ,

, ]],

pagination: true,

rownumbers: true,

pagelist: [3, 6]

});

var p = $('#dgd').datagrid('getpager');

$(p).pagination( 頁',

displaymsg: '共條資料',

});

});你需要把 ('#dgd').datagrid 方法放置到

$(function () );

在上面的**中,我們可以假設是點了介面的某個按鈕,呼叫了 step1ok 這個方法後,才會去 url 查詢資料,並呈現到 ui 中去。

二:利用 ajax 獲取資料並填充 datagrid

如果想追求更大的靈活性,我們可以不使用 datagrid 的預設機制,即指定 url 的方式去獲取資料,而是通過 ajax 來獲取資料並填充 datagrid。使用這種方式,仍舊需要把 ('#dgd').datagrid 方法放置到

$(function () );

var p = $('#dgd').datagrid('getpager');

$(p).pagination(

});

getdata(1,3);

第一次呼叫的時候,將會獲取第一頁的3條資料:

getdata(1,3);

然後我們可以看到,同時,我們還為 pagination 的 onselectpage 事件建立了乙個時間處理器,這樣,當改天頁面的時候,我們就會去:

getdata(pagenumber, pagesize);

另外,由於繞開了 datagrid 的原有機制進行分頁,我們採用了自己的遮蓋 $.messager.progress,然後在 ajax 的 success 中取消遮蓋就可以了。

getdata 方法如下:

var getdata = function (page, rows) ,

success: function (data) );

$.messager.progress('close');

$('#dgd').datagrid('loaddata', data);

} });

};

MS SQL 兩種分頁

row number row number declare pagesize int,pageindex intset pagesize 20 set pageindex 2 select from select row number over order by byod zzfp.id desc ...

分頁的兩種技巧

分頁的兩種技巧 分頁的技巧有兩種,一種是直接透過t sql,另一種是透過store procedure,在這post出來跟大家分享一下 t sql 假設northwind有乙個customer的table,你需要取回41 50筆的記錄,t sql語法該如何作呢?select top 10 custo...

java分頁的兩種方式

方式其實都非常的簡單,一種是資料庫分頁用limit限制取出條數,一種是在業務邏輯裡面分頁,我用的是jdbc,所以每次游標指定到一定的條數進行展示。因為只是簡單的進行原理學習,所以並沒有對 方面對嚴格的書寫,明白原理就好。主要的地方就是在進行資料庫查詢的時候,假設有一張表flownode,sql語句如...