清除activateextjs4上的可编辑网格单元格

clear editable grid cell on activate extjs 4

本文关键字:编辑 网格 单元格 activateextjs4 清除      更新时间:2023-09-26

我有一个ExtJS 4可编辑网格,它有两个可编辑列(一个日期列和一个普通文本列)。默认情况下,当加载网格时,我会在每列中显示一个日期和一个文本。我想删除用户单击单元格编辑其内容时显示的信息。当用户点击(不修改任何内容)时,我想恢复到字段中显示的原始数据。

知道如何做到这一点吗?

我尝试了以下操作,但没有成功:

Ext.getCmp('my_grid').on('beforeedit', function(editor, e, eOpts) {
    e.record.value = "";
});    

感谢您的帮助

您必须同时使用beforeedit&validateedit侦听器来实现这一点。

beforeedit将用于清除该值。

如果返回false未输入任何值,validateedit将恢复到以前的值

validateedit: {
                fn: function(event,editor){ 
                    if(!editor.value)
                        return false;
                    else 
                   return true;
             }
        },
             beforeedit: {
                fn: function(event,editor){ 
                    editor.value=null;
                    return true;
                }
        }