EasyUI-datagrid表格(基本使用)
来源:互联网 发布:学美工设计培训班 编辑:程序博客网 时间:2024/05/19 17:51
一、前端
1.EasyUI-datagrid使用十分简单,首先在我面使用的页面加上table标签(此处默认已导入相关js包)
<table id="dg" class="easyui-datagrid"></table>
<script type="text/javascript">$(function() {$('#loading-mask').fadeOut('normal');$('#dg').datagrid({url : 'query.do',//请求连接pagination:"true",//是否显示分页columns : [ [ {//配置列field : 'name',//对应数据的字段title : '姓名',//表头名称width : 100//表宽}, {field : 'age',title : '姓名',width : 100}, {field : 'school',title : '学校',width : 100,align : 'right'} ] ]});})</script>
3.前端分页发送的参数为:
EasyUI-datagrid会自动带上下面两个参数传给后台
page 页码 rows 每页显示行数
后端可以接受这两个参数实现分页处理
二、后端
1.后端使用的是spring MVC
@RequestMapping("query")@ResponseBodypublic EasyJson query(EasyPage page) {page = sysKingService.getListByCriteria(page, criterions, null);return page.getJson();//返回json数据}
page对象里面有page 和 rows两个成员对象,springMVC会自动填充参数
2.后台返回数据
{ "total": 550,//总页数 "rows": [ { "name": "king0", "age": 0, "school": null }}
0 0
- EasyUI-datagrid表格(基本使用)
- Jquery easyui 数据表格 (DataGrid DetailView)
- easyui 列表按钮 DataGrid(数据表格)
- EasyUI DataGrid表格控件
- easyUI 数据表格-datagrid
- easyui的datagrid的基本使用
- easyui的datagrid的基本使用
- easyUi dataGrid 数据表格(DataGrid)的特性
- EasyUI DataGrid DetailView(数据表格详细展示带子表格)
- easyUI DataGrid View(数据表格展示) 表格添加按钮
- easyui的数据表格(datagrid)使用时formatter的技巧
- jQuery-easyUI的使用:datagrid实现可编辑表格
- 【easyUI】使用datagrid创建具有不同表头的表格
- easyui-DataGrid基本用法
- easyui表格datagrid自动排序
- jQuery EasyUI DataGrid 数据表格
- jQuery EasyUI DataGrid 数据表格
- easyui datagrid表格数据排序
- Notes on tensorflow(六)variable_scope
- 利用File来储存和读取
- Spring mvc 和 CXF 搭建SOAP环境
- JavaScript学习笔记17-与或非处理复杂的条件
- 打开指定文件夹并批量修改文件名(python)
- EasyUI-datagrid表格(基本使用)
- JQuery放大镜
- 图论(四)--拓扑排序
- CSU 1021 组合数末尾的零(简单题)
- java使用cookie记住密码
- 多人聊天(无问题的)
- CXF框架入门实例
- centos 7 安装ntfs支持
- CodeForces 645 E.Intellectual Inquiry(dp+贪心)