Easyui 数据表格datagrid使用insertRow新增行,编辑时,对单元格增加点击事件

     最近增加一个需求,在datagrid中,新增行时,点击编辑某一个单元格时增加点击事件。

    解决过程:

           1.首先想到对datagrid中的columns增加formatter,在返回的input里面增加onclick,由于columns是从后台传过来的,先采用后台拼接然后存入到map中,前台进行赋值,该方案施行后,结果发现在编辑时并没有增加onclick,但是编辑完后若再次点击单元格有点击事件。 因此该方案不适用。

            2.经查阅官方文档,结果发现columns在编辑时是由editor控制,最终采用重写editor类型实现。

 

官方例子为:

 

官方以text作为示例,由于自己页面中,有其他单元格也需使用text类型,但并不需要点击事件,因此我自定义了一个类型inclick,并将需要点击事件的设为该类型。

$.extend($.fn.datagrid.defaults.editors, {
    inclick: {
        init: function (container, options) {
            var input=$('<input type="text" class="datagrid-editable-input" onclick="uploadImage(this)">').appendTo(container);
            return input;
        },
        destroy: function(target){
            $(target).remove();
        },
        getValue: function(target){
            return $(target).val();
        },
        setValue: function(target, value){
            $(target).val(value);
        },
        resize: function(target, width){
            $(target)._outerWidth(width);
        }
    }
});

至此,该需求得到解决。

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

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

打赏作者

冰糖柠檬雪梨茶

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

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

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

打赏作者

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

抵扣说明:

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

余额充值