html.datagrid方法,详解datagrid使用方法（重要）

1、将静态HTML渲染为datagrid样式

编号姓名年龄

001小明90002老王3

2、发送ajax请求获取json数据创建datagrid     提供json文件

class="easyui-datagrid">

编号姓名年龄

2、使用easyUI提供的API创建datagrid(掌握)

$(function(){

//页面加载完成后，创建数据表格datagrid

$("#mytable").datagrid({

//定义标题行所有的列

columns:[[

{title:'编号',field:'id',checkbox:true},

{title:'姓名',field:'name'},

{title:'年龄',field:'age'},

{title:'地址',field:'address'}

]],

//指定数据表格发送ajax请求的地址

url:'${pageContext.request.contextPath }/json/datagrid_data.json',

rownumbers:true,

singleSelect:true,

//定义工具栏

toolbar:[

{text:'添加',iconCls:'icon-add',

//为按钮绑定单击事件

handler:function(){

alert('add...');

}

},

{text:'删除',iconCls:'icon-remove'},

{text:'修改',iconCls:'icon-edit'},

{text:'查询',iconCls:'icon-search'}

],

//显示分页条

pagination:true

});

});

如果数据表格中使用了分页条，要求服务端响应的json变为：