您的位置：首页 > 产品设计 > UI/UE

easyui datagrid

2016-06-17 18:29 351 查看

用法:

$(function(){
$('#id').datagrid({
url : 'url',
method:'...',
pagination : true,//设置分页
pageSize: 5, //页容量，必须和pageList对应起来，否则会报错，默认为10
pageList: [5, 10, 15],//分页中下拉选项的数值
columns : [[
{
field:'name1', //与json的key对应
title:'title1',
width:...,
formatter:function(value,row,index){
......对值处理
}
},
{
field:'name2',
title:'title2',
width:...,
formatter:function(value,row,index){
......对值处理
}
}
...
]]
});
});
<body>
<table id='...'></table>
</body>

json的格式必须：

{

“total”:10,

“rows”:[

{“field1”:”value1” , “field2”:”value2”,……}

{“field1”:”value1” , “field2”:”value2”,……}

{“field1”:”value1” , “field2”:”value2”,……}

]

}

如果是直接请求一个json数据则要将请求方式设为：method:’GET’，默认为post

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： easyui json 格式

相关文章推荐

新的分享

章节导航