easyui datagrid中 formatter的用法

博客介绍了单元格formatter函数的基本用法。该函数是列参数,用于对当前列数据格式化,有三个参数:value、row和index。可在函数中修改value值用于界面渲染,不改动后台数据;可通过row获取同一行其他列的值;index为行索引,项目中较少使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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;
                }
            }
        }
    ]]
});

(formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数value,row和index。value: 代表当前单元格中的值。row:代表当前行。index: 代表当前行的下标。)

(1)value:可以在formatter函数中修改value的值,并在界面上展示修改后的值。 注意:
在这里对value的修改并不会改动后台数据,这个改动仅相当于对value的渲染。

(2)row:可以通过 row[“field值”] 或者 row.field值 得到同一行其他列的值。可以是前面的列,也可以是后面的列。

(3)index:行索引。(项目中没用到过)

例:

当后台返回 ture 或者 false 时,下面的效果一样:

{field:'usedFlag', title:'可用标识',width:80,align:'center',formatter: function(value,row,index){
    if (row.usedFlag == '1'){
        return "可用";
    } else if (row.usedFlag == '0') {
        return "不可用";
    } else {
        return "未知状态[" + value + "]";
    }
}},


{field:'usedFlag', title:'可用标识',width:80,align:'center',formatter: function(value,row,index){
    if (value == '1'){
        return "可用";
    } else if (value == '0') {
        return "不可用";
    } else {
        return "未知状态[" + value + "]";
    }
}},

原博传送门:https://www.cnblogs.com/huameitang/p/9263143.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值