javascript - Extjs：在同一行中另一个单元格的每次更改时更改网格单元格值

Question

我正在研究 extjs Grid 面板，它有 2 列，如下图所示。

我的要求是在每次更改相应的“任务描述”单元格值时更改“短名称”单元格值。我使用了“任务描述”列的编辑器，如下所示。

columns: [
    { 
        text: 'Task Description',  
        dataIndex: 'TaskDescription', 
        flex : 1.5, 
        editor: {
            xtype : 'textarea', 
            allowBlank : false,
            listeners : {
                change : function(field, e) {
                    var text = field.value;
                    if(text.length <= 26 && !text.match(/[.:-]/)) {
                        if(text.length == 26) {
                            text = text[25]==' ' ? text : text.substring(0, text.lastIndexOf(' '));
                        } 
                        //code to set short name cell value.
                    }
                }
            }
        } 
    },
    { 
        text: 'Short Name', 
        dataIndex: 'Name', 
        width: 130
    }
]

但是我如何访问“短名称”列以从更改事件函数中设置它。

请建议我解决方案。

提前致谢。

Answer 1

您可以使用编辑事件侦听器并根据需要播放记录。这里是 ：

 listeners: {
    edit: function (editor, e, eOpts) {
        var text = e.record.data.name;
        console.log(text);
        if (text.length <= 26 && !text.match(/[.:-]/)) {
            if (text.length == 26) {
                text = text[25] == ' ' ? text : text.substring(0, text.lastIndexOf(' '));
            }
            //code to set short name cell value.
            var record = e.record;
            record.set("email", text); //Here you can set the value
        }
    }
}

他们有很多方法可以实现所需的任务。这是一种方法！供参考，这是小提琴

Answer 2

我得到了这个问题的解决方案。

listeners : {
    change : function(field, newValue,o ,e) {
        var text = field.value;
        if(text.length <= 26 && !text.match(/[.:-]/)) {
            if(text.length == 26) {
                text = text[25]==' ' ? text : text.substring(0, text.lastIndexOf(' '));
            } 
            var selectedModel = this.up('grid').getSelectionModel().getSelection()[0];
            selectedModel.set('Name', text);
        }
    }
}