easyUI使用分頁過濾器對資料進行分頁操作

2021-08-13 01:39:13 字數 1191 閱讀 2542

在後台管理系統中,由於資料量的龐大,我們經常需要用到easyui框架的分頁工具。在本文章中,使用了分頁過濾器進行分頁的方法,示例如下:

**如下:

html

table>js**

/*** 獲取所有學員資訊

*/function show()

});}/**

* 前台鋪值

*/function getdata() , , , , ,

]],idfield: 'id',

loadmsg: 'processing, please wait …',

pagination: true

//將分頁設定為true

});}

分頁過濾器方法(寫在js**中):

注意:從後台取到的資料是全部的學生資訊,這段**,複製到js**裡面就可以實現。

/**

* 分頁過濾器

* @param data 全部資料

* @returns

*/function pagerfilter(data)

}var dg = $(this);

var opts = dg.datagrid('options');

var pager = dg.datagrid('getpager');

pager.pagination();

dg.datagrid('loaddata', data);

}});

if (!

data

.originalrows)

var start = (opts.pagenumber -

1) * parseint(opts.pagesize);

var end = start + parseint(opts.pagesize);

data

.rows

= (data

.originalrows.slice(start, end));

return

data;

}

以上就是easyui使用分頁過濾器實現前台資料分頁的方法。如有錯誤,還望指正,謝謝。

過濾器的使用

以前一直有用過濾器,但是一直沒有仔細看過,前幾天在看完一本jsp設計的時候才真正有了點體會,這是一本比較基礎的書,在這裡我只是記錄下原 目的很簡單,只是記錄一下,也沒有想要解釋什麼 相信大家一看就會明白了,其實我也不是什麼髙手,只是看到了記錄下來,當成筆記 我想大家感興趣的話還是要買本有此類介紹的書...

使用過濾器

過濾器在資料從作用域傳遞到指令上時進行轉換,但並不改變源資料,這允許在檢視中顯示時能夠靈活地格式化或者轉換資料。angularjs具有兩種型別的內建過濾器 一類是對單個資料進行操作的,另一類是對資料集合進行操作的。用於單個資料的內建過濾器 currency 對貨幣值進行格式化,在過濾器名之後新增冒號...

Vue 過濾器案例(全域性過濾器和區域性過濾器)

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat,但是控制不同作用,乙個是全域性的...