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

EasyUI Datagrid JSON对象内嵌对象的取值问题

2016-04-04 16:03 543 查看
如有这样一个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

则做如下处理:

view
source

print?

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
>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui Datagrid