jQuery EasyUI datagrid本地分页

2019独角兽企业重金招聘Python工程师标准>>>

代码如下：

<!DOCTYPE html>
<html>
<head>  <meta charset="utf-8"/>  <title></title>  <link href="js/jquery-easyui-1.3.6/themes/default/easyui.css" rel="stylesheet"/>  <link href="js/jquery-easyui-1.3.6/themes/icon.css" rel="stylesheet"/>  <script type="text/javascript" src="js/jquery-easyui-1.3.6/jquery.min.js"></script>  <script type="text/javascript" src="js/jquery-easyui-1.3.6/jquery.easyui.min.js"></script>  <script type="text/javascript">  // 表格数据源  var data = [];  // 用代码造30条数据  for (var i = 1; i < 31; ++i) {  data.push({  "id":i,  "name":"Student" + i  })  }  $(function () {  $("#dd").datagrid({  title:"测试本地分页",  rownumbers:true,  fitColumns:true,  pagination:true,  data:data.slice(0,10),  columns:[  [  {field:'id', align:"center", title:"编号", width:100},  {field:'name', align:"center", title:"姓名", width:100}  ]  ]  });  var pager = $("#dd").datagrid("getPager");  pager.pagination({  total:data.length,  onSelectPage:function (pageNo, pageSize) {  var start = (pageNo - 1) * pageSize;  var end = start + pageSize;  $("#dd").datagrid("loadData", data.slice(start, end));  pager.pagination('refresh', {  total:data.length,  pageNumber:pageNo  });  }  });  });  </script>
</head>
<body>
<div id="dd"></div>
</body>
</html>

转载于:https://my.oschina.net/u/2331760/blog/407479

jQuery EasyUI datagrid本地分页相关推荐

Jquery EasyUI datagrid数据库分页
1.前端请求: function loadRefProj(searchInput) {$('#projreftable').datagrid({url: 'DataServer/SilentContr ...
jQuery EasyUI datagrid实现本地分页的方法
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重 ...
jquery easyui dataGrid动态改变排序字段名
2019独角兽企业重金招聘Python工程师标准>>> jquery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序, 这里 ...
jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
jQuery EasyUI DataGrid 分页 FOR ASP.NET
源代码: 前台(html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
jquery easyui datagrid 分页详解
http://www.cnblogs.com/huozhicheng/archive/2011/09/27/2193605.html 由于项目原因,用了jquery easyui 感觉界面不错,皮肤样 ...
Jquery Easyui Datagrid创建代码
引用easyui <link rel="stylesheet" type="text/css" href="../themes/default/ ...
让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
easyui datagrid 不分页_快递物流管理系统(SSM,JQUERY-EASYUI,MYSQL)
知乎视频www.zhihu.com 快递物流管理系统(SSM,JQUERY-EASYUI,MYSQL)(毕业论文27564字,共78页,程序代码,MySQL数据库) 项目源码woc.xin [运行 ...

jQuery EasyUI datagrid本地分页

jQuery EasyUI datagrid本地分页相关推荐

最新文章

热门文章