easyui单元格formatter(格式化器)函数具体使用

  • 当我们使用easyui datagrid的时候,他的单元格formatter就体现了强大的功能,formatter自带三个参数:
    value:字段值。
    row:行记录数据。
    index: 行索引。
    通过这三个参数,我们可以获得datagrid当前行的所有内容,方便我们对其进行处理,下面给出一个最常用的例子:
//首先给datagrid添加单元格列;
<th data-options="field:'operation',width:200,align:'center',formatter:formatOper">操作</th>
//然后通过JS定义formatOper属性;
var formatOper = function(val, row, index) {
    return '<a href="#" class="easyui-linkbutton easyui-tooltip" title="编辑" data-options="plain:true" onclick="wyfeeYhq.openwyfeeYhqDlg(false, ' + row.id
            + ');"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">编辑</span><span class="l-btn-icon icon-edit">&nbsp;</span></span></a>'
            + '<a href="#" class="easyui-linkbutton easyui-tooltip margin-left-5" title="删除" data-options="plain:true" onclick="wyfeeYhq.removewyfeeYhq(' + row.id
            + ');"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text blue">删除</span><span class="l-btn-icon icon-remove">&nbsp;</span></span></a>';
}
//这样就给我们的datagrid添加了两个点击事件,一个编辑,一个删除,通过row.id获得当前数据的id,可以通过id做编辑和删除操作。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值