easyui datagrid 编辑状态时,为列添加文本改变事件

最近用到jQuery EasyUI 的时候在datagrid编辑状态的时候,输入值统计合计的时候没有文本改变事件.

所以特地加上了文本改变事件用于统计合计...easyui的版本是1.4.3

 

第一步

在10707添加一个自定义的文本改变事件,参数对应index 行号 colName列名 (可自定义扩展)

 

 

//文本编辑中值改变事件
onTextChangeEdit: function (index, colName) {}

第二步

 

在第9686行为列控件绑定input事件,并触发第一步自定义事件

 

 

//lzg 添加 datagrid编辑框值改变事件 
var colChange = _6e7.init(cell.find("td"), _6e6);
if ($(colChange).length > 0) {
    var colChangeNext = $($(colChange)[0].nextSibling);
    if (colChangeNext != undefined && colChangeNext.find('input').length > 0) {
        $(colChangeNext.find('input')[0]).bind("input", function () {
            row[col.field] = $.trim($(this).val());
            if (opts.onTextChangeEdit) opts.onTextChangeEdit(_6e3, col.field);
        });
    }
}
$.data(cell[0], "datagrid.editor", { actions: _6e7, target: colChange, field: _6e4, type: _6e5, oldHtml: _6e8 });

 

第三步

在第9663行  添加 获取行数据

 

var row = opts.finder.getRow(_6e2, _6e3);//lzg 获取行数据

 

 

 

到此列文本改变事件完成,顺便记录下来,以备忘记