如何在ExtJS网格编辑器中正确设置组合框值？

Question

我有一个网格，并希望使用组合框作为网格单元格编辑器。编辑器组合框的值应该取决于我的数据记录中的多个字段，所以我试图在网格的beforeEdit监听器中设置组合框的值，如下所示：

beforeEdit: function (editor, e, options) {
    var field = e.field;
    var combo = e.grid.columns[e.colIdx].getEditor(e.record);
    var force = e.record.get('forced'); 
    switch (force) {
        case 'Y':
            combo.setValue("Force active");
            break;
        case 'N':
            combo.setValue("Force inactive");
            break;
        default:
            combo.setValue("Default");
            break;                            
    }
}

我的组合框是这样定义的，因此它包含我的beforeEdit处理程序中显示的每个可能的选项：

editor: {
    xtype: 'combobox',
    forceSelection: true,
    editable: false,
    triggerAction: 'all',
    allowBlank: false,   
    store: [ 'Default', 'Force active', 'Force inactive' ]
}

我的问题是，虽然在下拉列表中选择了正确的条目，但组合框的文本部分仍为空。

如何说服编辑器组合框还显示组合的文本框部分中的值？

这是一个带有便笺簿的sencha小提琴：https://fiddle.sencha.com/#fiddle/9vd

Answer 1

你应该能够通过使用编辑器组合框组件qazxsw poi上的空文本配置来完成你想要做的事情：

like so

Answer 2

您可以在列上设置

beforeEdit: function (editor, e, options) {
    var field = e.field;
    var combo = e.grid.columns[e.colIdx].getEditor(e.record);
    var force = e.record.get('forced'); 
    switch (force) {
        case 'Y':
            combo.setValue("Force active");
            break;
        case 'N':
            combo.setValue("Force inactive");
            break;
        default:
            combo.setValue("Default");
            break;                           
    }
    combo.emptyText = combo.getValue();
}

以显示您想要的值:(这里是renderer）

fiddle

Answer 3

你需要为第二列添加dataIndex：'calculated_active'