easyUI datagrid

来源：互联网发布：汕头淘宝仓库出租编辑：程序博客网时间：2024/05/17 23:19

var data=$('#name').datagrid('getData');
//注意你的数据源一定要定义了total，要不会为undefined，datagrid分页就是靠这个total定义
alert('总数据量:'+data.total)

alert('当前页数据量:'+data.rows.length)

使用JQuery EasyUI的时候有时会为控件的接收数据烦恼，这个时候可以在官网中找到对应控件的例子，比如说

DataGrid控件所接收的格式是这样的：

（datagrid的固定接收格式：total、rows组成的数组）

{"total":28,"rows":[
{"productid":"FL-DLH-02","attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","attr1":"Adult Male","itemid":"EST-18"}
]}

这里是以大括号为开头的，表示从后台传来的是一个对象形式的JSON，并且这个对象里面有两个字段，一个是total,另一个是rows，其中total为整型，rows则是一个集合。当需要使用datagrid的时候，需要把这两个字段封装在一个类中，然后把这个类的实例转换成JSON格式输出给浏览器。

easyui-tree控件所接收的JSON格式是这样的：

[{
"id":0,
"text":"Foods",
"children":[{
"id":1,
"text":"Fruits",
"children":[{
"id":11,
"text":"apple"
},{
"id":12,
"text":"orange"
}]
},{
"id":2,
"text":"Vegetables",
"state":"closed",
"children":[{
"id":21,
"text":"tomato"
},{
"id":22,
"text":"carrot"
},{
"id":23,
"text":"cabbage"
},{
"id":24,
"text":"potato"
},{
"id":25,
"text":"lettuce"
}]
}]
}]

这里是以一个中括号( [ ) 开头的，表示接收的是一个集合形式的JSON格式，当后台需要将数据转换成easyui-tree能接收的形式时，必须是把一个集合类型的数据进行转换

转自：http://notebookdong.iteye.com/blog/1831876

0 0