关于easyui中datagrid分页问题【不喜勿喷】【今天才弄懂】
2016-12-20 12:43
387 查看
首先datagrid中的pagination属性设置为true: 如
每次会自动传输 pageNum和pageSize到你写的那个URL地址
后台接收的时候是 page // 当前页数 和 rows //每页显示数目 两个数
然后根据这两个数就可以用 MySQL 中的 limit 方法 控制输出条数 还要得到数据的总条数 total
两个数转换成 json 格式 返回给前台 就可以了。
附上后台的代码:
注意: 是在 thinkphp 框架中实现的 数据库是 MySQL
写的不好的地方不要喷。 第一次写,我也是今天才弄清楚。 写出来只是为了让更多的人知道。
$('#dg1').datagrid({ url:"{:U('Rearlogin/ajaxNoticeAll')}", //请求后台的地址 fitColumns:true, scrollbarSize:0, singleSelect:true, pagination:true, //分页开关 rownumbers: true, nowrap: false, pageSize: 10, //每页显示条数 pageList: [10, 20, 50, 100, 150, 200], //每页显示条数供选项 showFooter: true, striped : true, //设置表格奇偶行颜色是否不同 onSelect:function(rowIndex,rowData){ $(":radio[name='radio_res'][value='"+rowIndex+"']").prop("checked",true); }, onUnselect:function(rowIndex,rowData){ $(":radio[name='radio_res'][value='"+rowIndex+"']").prop("checked",false); }, columns:[[ {field:'ck',title:'',formatter:function(value,rowData,rowIndex){ return "<input name='radio_res' value='"+rowIndex+"' type='radio'/>"; }}, {field:'n_id',title:'ID',sortable:true,width:100}, {field:'n_title',title:'公告标题',sortable:true,width:100}, {field:'n_pubdate',title:'发布时间',sortable:true,width:100} ]] , toolbar:"#btn" });
每次会自动传输 pageNum和pageSize到你写的那个URL地址
后台接收的时候是 page // 当前页数 和 rows //每页显示数目 两个数
然后根据这两个数就可以用 MySQL 中的 limit 方法 控制输出条数 还要得到数据的总条数 total
两个数转换成 json 格式 返回给前台 就可以了。
附上后台的代码:
$page = I('post.page') ? I('post.page') : 1; //当前页数 $rows = I('post.rows') ? I('post.rows') : 10; //每页显示条数 $notice = D('Notice'); //连接数据库 $total = count($notice->getAllNotice()); //总条数 $first_row = ($page-1)*$rows; //起始位置 = (当前页数-1)*每页显示条数 $list = $notice->order('n_pubdate desc')->limit($first_row.','.$rows)->select(); //满足条件数 $result = array("total" => $total,"rows"=>$list); //得到的每页数据 和总条数组合成数组 echo json_encode($result); //输出json字符串
注意: 是在 thinkphp 框架中实现的 数据库是 MySQL
写的不好的地方不要喷。 第一次写,我也是今天才弄清楚。 写出来只是为了让更多的人知道。
相关文章推荐
- 关于easyui datagrid前台界面分页的问题
- EasyUI,DataGrid,查询,分页,传参问题,
- 关于EasyUI Datagrid JSON对象内嵌对象的取值问题
- 关于easyui的datagrid detailview的初次点击出现的重叠错位问题
- 关于easyui datagrid 行下拉树的formatter问题总结
- 关于easyui的datagrid与combobox结合使用的问题
- 关于easyui的表格datagrid一开始隐藏,当要显示出来的时候,表格会变成一条线的问题
- 关于DataGrid自动分页的不能显示的问题
- 关于EasyUI Datagrid JSON对象内嵌对象的取值问题
- 关于EasyUI Datagrid JSON对象内嵌对象的取值问题
- 关于easyui datagrid 大量数据加载时 出现假死问题的解决方法
- 关于EasyUI Datagrid JSON对象内嵌对象的取值问题 3ff8
- 如何解决easyui-datagrid分页组件中文显示的问题
- EasyUI的DataGrid之分页栏问题
- easyui中datagrid分页问题
- easyui的datagrid的分页问题
- [原创]关于easyui下datagrid表格控件分页控制(非url方式)
- EasyUI中DataGrid默认分页的问题
- 关于今天easyui的坑 DateGrid工具条问题,版本easyui 1.2.2
- 关于今天easyui的坑 DateGrid兼容$ref问题,版本easyui 1.2.2