easyui分页控件的应用
1.首先应用easyui的js和css文件
<link rel="stylesheet" type="text/css" href="../../util/jquery-easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../../util/jquery-easyui/themes/icon.css" />
<script type="text/javascript" src="../../util/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../util/easyui-lang-zh_CN.js"></script>//注意放在引用的最后;汉化
2.定义分页处理方法(公共方法)
function _pagerFilter(data){
if (typeof data.length == 'number' && typeof data.splice == 'function'){ // is array
data = {
total: data.length,
rows: data
}
}
var dg = $(this);
var opts = dg.datagrid('options');
var pager = dg.datagrid('getPager');
pager.pagination({
showPageList:false,
displayMsg:'每页显示10条 共{total}条记录',
onSelectPage:function(pageNum, pageSize){
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
pager.pagination('refresh',{
pageNumber:pageNum,
pageSize:pageSize
});
dg.datagrid('loadData',data);
$('div.datagrid-header-check input[type=checkbox]').attr("checked",false);
}
});
if (!data.originalRows){
data.originalRows = (data.rows);
}
var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
data.rows = (data.originalRows.slice(start, end));
return data;
}
3.表格设置使用分页
$('#dg').datagrid({
width: '100%',
height: h,
rownumbers: true,
singleSelect: true,
fit:true,
fitColumns:true,
pagination: true,//使用分页
//......
4.加载数据时需要同时加载分页方法
$('#dg').datagrid({loadFilter:_pagerFilter}).datagrid('loadData', {
total: data.length,
rows: data
});
最新文章
- 【原】iOS学习之tableView的常见BUG
- UNITY3D的变量初始化问题
- python基础_制作多级菜单_(运用:字典_列表_元组等知识)
- IOCP之客户端及消息传递
- [异常] openCV安装和配置
- C# 改变无边框窗体的尺寸大小
- importSTV的使用
- 【Search Insert Position 】cpp
- C++ 读取REG_SZ 、REG_DWORD 、REG_MULTI_SZ 类型注册表值
- 机器人学 —— 轨迹规划(Sampling Method)
- BZOJ_1012_[JSOI2008]_最大数maxnumber_(线段树/树状数组+RMQ)
- 出现 HTTP Error 503. The service is unavailable 错误
- XML样本(格式没区别,但是一个有结果 一个没结果)
- Fragment与FragmentActivity通信封装
- Java程序猿之从菜鸟到职场高手的必看
- Quartz使用-入门使用(java定时任务实现)
- MFC控件(9):network address control
- 蓝桥杯-加法变乘法-java
- TypeError: parse() got an unexpected keyword argument &#39;transport_encoding&#39;
- 组建自己的局域网(可以将PC机实现为服务器)