使用easyUI给datagrid添加pagination
2012-08-09 16:56
459 查看
@author YHC
这个示例展示我们如何从服务器端加载数据和如何添加pagination 到datagrid.
查看
Demo
从服务器端加载数据, 你应该设置'url'属性, 在你的服务器端你应该返回JSON格式数据.请看datagrid文档得到更多关于它的数据格式信息.
将发送2个参数到服务器:
page: 页码,起始值 1.
rows: 每页显示行
easyui-datagrid-demo.zip
这个示例展示我们如何从服务器端加载数据和如何添加pagination 到datagrid.
查看
Demo
创建 DataGrid
从服务器端加载数据, 你应该设置'url'属性, 在你的服务器端你应该返回JSON格式数据.请看datagrid文档得到更多关于它的数据格式信息.<table id="tt" class="easyui-datagrid" style="width:600px;height:250px" url="datagrid2_getdata.php" title="Load Data" iconCls="icon-save" rownumbers="true" pagination="true"> <thead> <tr> <th field="itemid" width="80">Item ID</th> <th field="productid" width="80">Product ID</th> <th field="listprice" width="80" align="right">List Price</th> <th field="unitcost" width="80" align="right">Unit Cost</th> <th field="attr1" width="150">Attribute</th> <th field="status" width="60" align="center">Stauts</th> </tr> </thead> </table>我们定义datagrid的datagrid和设置'pagination'属性为true,它将生成一个分页工具栏在datagrid的底部,pagination
将发送2个参数到服务器:
page: 页码,起始值 1.
rows: 每页显示行
服务器端代码
$page = isset($_POST['page']) ? intval($_POST['page']) : 1; $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; // ... $rs = mysql_query("select count(*) from item"); $row = mysql_fetch_row($rs); $result["total"] = $row[0]; $rs = mysql_query("select * from item limit $offset,$rows"); $items = array(); while($row = mysql_fetch_object($rs)){ array_push($items, $row); } $result["rows"] = $items; echo json_encode($result);
下载EasyUI示例代码:
easyui-datagrid-demo.zip
相关文章推荐
- 使用easyUI给datagrid添加pagination
- 使用easyUI添加查询功能在datagrid
- 使用easyUI添加查询功能在datagrid
- 使用easyUI 添加toolbar到datagrid
- 使用easyUI 添加toolbar到datagrid
- 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加、编辑、删除(三)
- Easyui Datagrid 数据网格---我的使用
- easyui_datagrid 行内使用comobox的编码实现
- easyui datagrid 添加超链接 并传值
- easyui 加载datagrid的时候添加自定义分页参数
- 使用jackson将java对象转换成标准的json格式,便于与easyui的datagrid交互
- 为easyui datagrid 添加上下方向键移动
- Easyui datagrid行内【添加】、【编辑】、【上移】、【下移】
- JS-easyui 扩展easyui.datagrid,添加数据loading遮罩效果代码
- EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题
- 使用MYSQL、PHP和FLEX实现上传图片,动态在DataGrid中添加下载按钮和上传的图片.
- easyUI的datagrid每行数据添加操作按钮的方法
- easyUI datagrid 行内容超过添加(...)
- ASP.NET使用EasyUI-DataGrid + ashx + JQuery Ajax:实现数据的增删查改,查询和分页!
- struts2 easyui插件pagination to DataGrid