extjs 3.4可编辑网格：如何在列中分离displayField和ValueField

我正在尝试做一些看起来像：

但我想改变光栏：

我希望它包含ID而不是实际值

我可以强制combobox从表示中分离值，但不分离实际列值（事实上，我不知道在哪里存储列的id值映射（不仅仅是编辑器的id值映射））：

当我在组合框中选择“Magic title”时，我的网格中仍然会出现MagicId。我明白为什么会这样，但我不能让它按照我需要的方式工作

我试图用…替换所有不必要的代码。。。帮助你阅读

---

感谢您的关注。

将ID字段保留在网格/存储中，然后使用“renderer”属性显示其他内容。ID文本映射可以存储在数组或对象中：

{
    header: 'Magic',
    dataIndex: 'MagicId',
    renderer: function(value) {
        return magicIdValueArray[value];
    }
    ...
}

编辑： 由于您在组合存储中已经有ID-value映射，因此我将使用该存储来获取值（它需要在组合框之外声明）

{
    header: 'Magic',
    dataIndex: 'MagicId',
    renderer: function(value) {
        return magicIdValueArray[value];
    }
    ...
}

renderer: function(value) {
    var record = comboStore.findRecord('id', value);
    return record.title;
}