easyui datagrid中 formatter的用法及失效原因

1.基本用法
单元格formatter(格式化器)函数,带3个参数:
value:字段值。
row:行记录数据。
index: 行索引。

$('#dg').datagrid({
    columns:[[
        {field:'userId',title:'User', width:80,
            formatter: function(value,row,index){
                if (row.user){
                    return row.user.name;
                } else {
                    return value;
                }
            }
        }
    ]]
});

(1)value:可以在formatter函数中修改value的值,并在界面上展示修改后的值。
**注意:** 在这里对value的修改并不会改动后台数据,这个改动仅相当于对value的渲染。
(2)row:可以通过 row["field值"] 或者 row.field值 得到同一行其他列的值。可以是前面的列,也可以是后面的列。
(3)index:行索引。(项目中没用到过)

2.formatter失效原因及解决方法

columns: [
            [{
                field: 'ck',
                checkbox: true
            },
                {
                    field: 'seller_code_p',
                    title: '代理商编号',
                    align: "left",
                    sortable: true,
                    formatter:function(value){
                        value=12;
                        return value;
                    }
                },
                {
                    field: 'seller_code_p',
                    title: '代理商名称',
                    align: "left",
                    sortable: true,
                    formatter:function(value){
                        value=12;
                        return value;
                    }
                }
            ]
        ],

当多行数据的field值相同时,formatter就会失效。

注意内容(解决方法):有时我们需要添加一列数据,因为这列数据是通过其他列数据计算后得到的,所以接口并没有给我们这列数据的字段,此时field的值可以自定义,但是不能和其他列字段的field值相同。

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值