让datagrid中的columns属性支持对象的子属性(类似user.userName)的方法

前台的datagrid的columns属性如下:(请看红色字体部分)

columns : [ [ {  //每列上的属性、名称设置

            title : '编号',
            field : 'userInfoId',
            width : 100,
            sortable : true
        },{
            title : '姓名',
            field : 'userInfoName',
            width : 100,
            sortable : true
        },{
            title : '密码',
            field : 'userInfoPassword',
            width : 100    
        },{
            title : '角色',
            field : 'tbRole',
            formatter : function(value,row,index){
                if (row.tbRole){
                    return row.tbRole.roleName;
                } else {
                    return value;
                }},

            width : 100    

        }] ]

说明: 我的后台传给前台datagrid的数据有total和rows,它们的格式如下:

rows具体格式如下:


即rows里面的每个对象都有tbRights、tbRole、userInfoId、userInfoName、userInfoPassword这几个属性,而属性tbRole本是一个对象,里面有roleId、roleName、tbUserinfos这几个对象。现在需要把tbRole里面的roleName给显示出来,因为直接在field中这样写  fileld:"field:tbRole.roleName',这样在前台是显示出不来这一列的,因为fileld的格式不支持点操作符的用法。所以应该用easyui的api中的datagrid自带的一个格式化函数formatter(),formatter的具体说明请查阅api

{
            title : '角色',
            field : 'tbRole',
            formatter : function(value,row,index){
                if (row.tbRole){
                    return row.tbRole.roleName;
                } else {
                    return value;
                }},

            width : 100    
        }


“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

平凡的华仔

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值