得到EasyUI DataGrid中当前页行数,DataGrid接收JSON的数据格式

wndong 2013-03-19

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

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

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

{"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能接收的形式时,必须是把一个集合类型的数据进行转换

相关推荐

87281248 / 0评论 2013-03-27