关于datagrid的双重内嵌集合或者对象在页面中的数据处理

三表如下：

如何使easyui的页面效果如下显示？

尝试1：修改sql语句；

Sql语句修改如下，但结果显示不尽人意：

尝试2：修改后台代码：

业务逻辑处理：

相应页面的json格式数据如下：

{

      "total": 4,

      "rows": [{

           "mid": "admin",

           "password":"123",

           "name": "超级管理员",

           "sflag": 1,

           "regdate": "1997-08-1500:00:00.0",

           "locked": 0,

           "roles": ["管理中心", "商户中心", "交易中心", "员工信息", "收购类别"]

      }, {

           "mid": "ceshi",

           "password":"123456",

           "name": "测试",

           "sflag": 0,

           "regdate": "2018-07-0920:21:34.0",

           "locked": 1,

           "roles": ["收购类别"]

      }, {

           "mid": "flh",

           "password":"456",

           "name": "范路恒",

           "sflag": 0,

           "regdate": "2018-06-2216:35:02.0",

           "locked": 0,

           "roles": ["商户中心", "收购类别"]

      }]

}

 

那么easyui的field字段如何显示这个roles（list集合）？

这样即可；

说明：

1.value是你当前fieid列的值,这里我写的是roles集合,

roles集合是rows对象中的一个内嵌List<String>集合

2.rows是后台返回的整个大对象,其中包含了roles集合

3.index是当前行的索引下标

 

补充说明：

①如果内嵌的是一个对象，则:

②如果内嵌的是一个集合且集合里面是多个对象，那么：

如：

return  rows.roles[index].r_name;

rows:后台传过来的对象；

roles：内嵌的集合；

r_name：内嵌集合里面的对象的一个属性；

好了，就到这里了。如果想要更好的认识理解，就得亲自动动你的小手了！