jQuery EasyUI 利用JavaScript解析后端json

2019独角兽企业重金招聘Python工程师标准>>>

如有这样一个json：

    

1	{"goods":[

2	{"id":1,"category":{"id":1,name:"category1"},"name":"NameA","shelfLife":12},

3	{"id":1,"category":{"id":1,name:"category1"},"name":"NameB","shelfLife":12},

4

]

5

}

 

在页面中，我要在EasyUI的datagrid中显示如下列：

id,category中的name,name

则做如下处理：

    

01	<table id="datagrid" class="easyui-datagrid" width="460px"

02	url="goodsList" title="商品表" auto-resize="true" pagination="true"

03	fitColumns="true">

04

<thead>

05

<tr>

06	<th field="id" checkbox="true"></th>

07	<th field="name">商品名称</th>

08	<th field="category" formatter="formatCategory">商品类别</th>

09	<th field="shelfLife" formatter="formatShelfLife">保质期</th>

10

</tr>

11

</thead>

12

</table>

13

14

<script>

15	function formatCategory(value){

16	return value.name;

17

};

18	function  formatShelfLife (value){

19	return value + " 月";

20

};

21

</script>

field是传入formatCategory中的value值。

转载过来，以备使用

转载于:https://my.oschina.net/u/2608981/blog/778540