jquery easyui datagrid 嵌套对象绑定

最新推荐文章于 2024-04-13 07:06:41 发布

devoils_oprs

最新推荐文章于 2024-04-13 07:06:41 发布

阅读量239

点赞数

分类专栏： jquery 文章标签： jquery easyui datagrid嵌套对象绑定 ViewUI

本文链接：https://blog.csdn.net/devoils_oprs/article/details/84391975

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jquery easyui datagrid 嵌套对象绑定，网上很多资料说是easyui本身不支持嵌套对象绑定，但很多时候我们恰恰需要这种嵌套对象绑定，而实际上是可以实现且支持的，只需调用formatter函数就可以实现。

json 格式：

{
"total":239,
"rows":[
  {"code":"001","user":{"id":1,"name":"name1"},"addr":"Address 11","col4":"col4 data"},
  {"code":"002","user":{"id":1,"name":"name1"},"addr":"Address 13","col4":"col4 data"},
  {"code":"003","user":{"id":1,"name":"name1"},"addr":"Address 87","col4":"col4 data"},
  {"code":"004","user":{"id":1,"name":"name1"},"addr":"Address 63","col4":"col4 data"},
  {"code":"005","user":{"id":1,"name":"name1"},"addr":"Address 45","col4":"col4 data"},
  {"code":"006","user":{"id":1,"name":"name1"},"addr":"Address 16","col4":"col4 data"},
  {"code":"007","user":{"id":1,"name":"name1"},"addr":"Address 27","col4":"col4 data"},
  {"code":"008","user":{"id":1,"name":"name1"},"addr":"Address 81","col4":"col4 data"},
  {"code":"009","user":{"id":1,"name":"name1"},"addr":"Address 69","col4":"col4 data"},
  {"code":"010","user":{"id":1,"name":"name1"},"addr":"Address 78","col4":"col4 data"}
]
}
js代码：

{field:'Id',title:'Id',width:120,
      formatter:function(value,rec){
       return rec.user.id;
      }
     },
     {field:'Name',title:'Name',width:120,
      formatter:function(value,rec){
       return rec.user.name;
      }
     }

注意，field命名是不能重复的，这样就可以实现嵌套对象绑定了