EasyUI DataGrid绑定嵌套的json数据
2016-10-25 08:53
866 查看
现有json数据如下:
{"total":2,"rows":
[{"BarrackGUID":"dc1be891-4489-4eb8-bb1d-ba1debd59b07","BarrackName":"屋舍一","BarrackNumber":"0001","BarrackArea":"100平米","Barrackcapacity":"20","BarrackPrice ":"3000","Barrackbirth":"2010年9月",
"company":{
"CompanyGUID":"aaa",
"CompanyName":"sdsdsdsd",
"CompanyCode":null,
"CompanyAddress":null
}},
{"BarrackGUID":"1d90143e-0434-4801-8192-923a9dfb06b6","BarrackName":"屋舍二","BarrackNumber":"0002","BarrackArea":"100平米","Barrackcapacity":"20","BarrackPrice":"3000","Barrackbirth":"2010年9月",
"company":null
}]}
可以看出在界面显示中希望显示 company.CompanyName, 绑定方法为:
html:
<th data-options="field:'rows.company.CompanyName',formatter:companyName,width:60,align:'center'">公司名称</th>
添加javasicript代码:
function companyName(value, rec) { return rec.company != null ? rec.company.CompanyName : ""; }
{"total":2,"rows":
[{"BarrackGUID":"dc1be891-4489-4eb8-bb1d-ba1debd59b07","BarrackName":"屋舍一","BarrackNumber":"0001","BarrackArea":"100平米","Barrackcapacity":"20","BarrackPrice ":"3000","Barrackbirth":"2010年9月",
"company":{
"CompanyGUID":"aaa",
"CompanyName":"sdsdsdsd",
"CompanyCode":null,
"CompanyAddress":null
}},
{"BarrackGUID":"1d90143e-0434-4801-8192-923a9dfb06b6","BarrackName":"屋舍二","BarrackNumber":"0002","BarrackArea":"100平米","Barrackcapacity":"20","BarrackPrice":"3000","Barrackbirth":"2010年9月",
"company":null
}]}
可以看出在界面显示中希望显示 company.CompanyName, 绑定方法为:
html:
<th data-options="field:'rows.company.CompanyName',formatter:companyName,width:60,align:'center'">公司名称</th>
添加javasicript代码:
function companyName(value, rec) { return rec.company != null ? rec.company.CompanyName : ""; }
{ field: 'company', title: '公司', align: 'center', formatter: function (value, row, index) { if (row.company) { return row.company.CompanyName; } else { return value; } } },
相关文章推荐
- EasyUI DataGrid绑定嵌套的json数据
- EasyUI datagrid json嵌套的object数据在datagrid中的显示方法
- EasyUI中iframe嵌入页面,包含datagrid数据动态绑定,页面内容的高度自适应问题
- EasyUI DataGrid 使用(分页,url数据获取,data转json)
- C#将datatable生成easyui的绑定tree 的json数据格式
- EasyUI组件datagrid不显示json数据问题
- 【原创】c#讲数据库数据转换为json格式(使用extjs,easyui中的datagrid)
- c#将数据库数据转换为json格式(使用extjs,easyui中的datagrid)
- easyui加载datagrid和treegrid的几种json数据格式
- easyui datagrid 绑定json对象属性的属性
- 【EasyUI】 datagrid 竖排绑定数据
- EasyUI的DataGrid绑定Json数据源
- EasyUI的DataGrid绑定Json数据源的示例代码
- EasyUI的DataGrid绑定Json数据源
- easyui datagrid 批量 提交 json 数据到服务器
- easyui datagrid动态绑定列名和数据
- EasyUI 1.3.1 datagrid动态绑定列名和数据
- List<data> 数据转为easyui-datagrid json数据格式
- EasyUI的DataGrid绑定Json数据源
- spring mvc 结合easyui datagrid 使用responseBody 注解 返回json 无法绑定