easyUI这样获取Json的内嵌数据 显示json下的json

先给出返回的json数据。

{
    "total": "2",
    "rows": [
        {
            "id": "1",
            "name": "张富银",
            "xiuhao": "2014009012",
            "exttend": {
                "sid": "1",
                "tid": "1",
                "tel": "18580711609",
                "qq": "564968550",
                "email": "[email protected]",
                "sxdw": "重庆源代码教育咨询有限公司",
                "sxdw_add": "重庆市永川区",
                "jjlxrtel": "15922879092"
            }
        },
        {
            "id": "4",
            "name": "测试学生姓名",
            "xiuhao": "2014009013",
            "exttend": {
                "sid": "4",
                "tid": "1",
                "tel": "1234567890",
                "qq": "12345",
                "email": "[email protected]",
                "sxdw": "实习单位",
                "sxdw_add": "单位地址",
                "jjlxrtel": "1234567890"
            }
        }
    ]
}

昨天遇到这样一个问题,在取exttend里面的信息时,我使用了 如下的方式:

{
     field: ‘sxdw‘,
     title: ‘实习单位‘,
     width: 60,
     formatter: function (value, rec) {
         return rec.extend.sxdw;
     }
 },

这样可以取出sxdw的值,但是账号类型,性别也显示实习单位地址的值。不知道问题出在哪,在网上搜索,看到给出的解决办法都是返回 rec.extend.sxdw;这样,但是只返回一个字段,这样肯定可以返回正确的值了,但是我要返回的是很多个字段。真是没办法了,就随便试 试吧,我把field:’sxdw’改成field:’extend.sxdw,再运行一次,竟然得到了我想要的结果。

下面是完整的代码:

技术分享
 1 $(‘#student_list‘).datagrid({
 2         fit:true,
 3         fitColumns : true,
 4         rownumbers : true,
 5         border : false,
 6         striped : true,
 7         url:Thinkphp[‘MODULE‘]+‘/student/getInfo/‘,
 8         toolbar : ‘#student_tool‘,
 9         rownumbers:true,//显示行号
10         pagination:true,//显示分页工具条
11         pageList : [15, 30, 45],
12         pageNumber : 1,
13         pageSize : 15,
14         sortName : ‘id‘,
15         sortOrder : ‘ASC‘,        
16         columns:[[  
17              {
18                 field:‘id‘,
19                 title:‘编号‘,
20                 checkbox:true,
21                 width:100,
22             },{
23                 field:‘name‘,
24                 title:‘姓名‘,
25                 sortable:true,
26                 width:100,
27             },{
28                 field:‘xiuhao‘,
29                 title:‘学号‘,
30                 sortable:true,
31                 width:100,
32             },{
33                 field:‘exttend.teacher‘,
34                 title:‘指导教师‘,
35                 sortable:true,
36                 width:100,
37             },    
38             {
39                 field:‘exttend.tel‘,
40                 title:‘电话‘,
41                 sortable:true,
42                 width:100,
43                 formatter: function (value, rec) {
44                     return rec.exttend[‘tel‘];
45                 }
46             },{
47                 field:‘exttend.qq‘,
48                 title:‘QQ‘,
49                 width:80,
50                 formatter: function (value, rec) {
51                     return rec.exttend[‘qq‘];
52                 }
53             },{
54                 field:‘exttend.email‘,
55                 title:‘电子邮件‘,
56                 width:100,
57                 formatter: function (value, row) {
58                         return row.exttend.email;
59                 }
60             },{
61                 field:‘exttend.sxdw‘,
62                 title:‘实习单位‘,
63                 width:150,
64                 formatter: function (value, row) {
65                         return row.exttend.sxdw;
66                 }
67             }, {
68                 field:‘exttend.sxdw_add‘,
69                 title:‘实习单位地址‘,
70                 width:150,
71                 formatter: function (value, row) {
72                         return row.exttend.sxdw_add;
73                 }
74             },{
75                 field:‘exttend.jjlxrtel‘,
76                 title:‘紧急联系人电话‘,
77                 width:100,
78                 formatter: function (value, row) {
79                         return row.exttend.jjlxrtel;
80                 }
81             },      
82             ]] 
83     });
View Code

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。