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

最新推荐文章于 2023-05-24 11:25:02 发布

原创最新推荐文章于 2023-05-24 11:25:02 发布 · 299 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EasyUI控件接收JSON的数据格式 #得到easyui datagrid中前页行数

EasyUI 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在使用JQuery EasyUI库中的DataGrid和Tree控件时所需JSON数据格式的具体要求。对于DataGrid控件，需要一个包含total和rows字段的对象；而对于Tree控件，则需要一个具有特定结构的数组。

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