Easyui中Datagrid显示二级对象即点连接对象

本文介绍如何在EasyUI的Datagrid组件中显示二级对象的属性值,通过使用formatter函数来解决EasyUI不支持点连接属性的问题。

 原文链接:https://blog.youkuaiyun.com/jackymvc/article/details/9993261

这久在学习Easyui,同Extjs相比,不用事先定义那么多的组件JS,调试起来也比较方便!!

    一、Datagrid显示二级对象

    可是在Datagrid中显示二级对象时,死活也显示不了,然后找度娘发现,Easyui根本就不支持点连接的属性,目前的解决方法是使用formatter

如:

JSON数据源:[{id:1, title:'标题一', manager:{id:1, name:'李逍遥'}},{id:2, title:'标题二', manager:{id:1, name:'赵灵儿'}}]

<table id="grid" class="easyui-datagrid" data-options="...这里省略">

<thead>

<tr>

<th data-options="field:'title'">标题</th>

<th data-options="field:'manager.name',formatter:formatManager'>管理员</th>

</tr>

</thead>

</table>

<script>

function formatManager(val, row){

return row.manager.name;

}

</script>


当然也可以去改一下jquery.easyui.min.js里的源码,但找半天,也不知道那句代码在什么地方了!
---------------------
作者:君戈物语
来源:优快云
原文:https://blog.youkuaiyun.com/jackymvc/article/details/9993261
版权声明:本文为博主原创文章,转载请附上博文链接!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值