jQuery EasyUI datagrid本地分页
生活随笔
收集整理的這篇文章主要介紹了
jQuery EasyUI datagrid本地分页
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
2019獨角獸企業(yè)重金招聘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">??//?表格數(shù)據(jù)源??var?data?=?[];??//?用代碼造30條數(shù)據(jù)??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>轉(zhuǎn)載于:https://my.oschina.net/u/2331760/blog/407479
總結(jié)
以上是生活随笔為你收集整理的jQuery EasyUI datagrid本地分页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 浅谈PopupWindow弹出菜单
- 下一篇： 数据中心两种常用流量模型运用minine