在propertygrid中使用Extjs-6的组合框

Question

我在用Extjs-6。我有propertygrid。这个propertygrid行中的一个行是combobox。combobox的valueFiled属性是id，displayfield是name。当我想在propertygrid中编辑combobox时，它会显示名称，但是当propertygrid不在编辑模式时，它会显示id。我想在两种模式中显示name值，其值是id。我的sampleCode是这里。

这是可能的吗？我怎么做？

Answer 1

正如@CD所提到的，您应该使用呈现器：

Ext.define('Fiddle.Main', {
extend: 'Ext.panel.Panel',
width: 400,
height: 200,
title: 'Its me!',
items: [{
    xtype: 'propertygrid',
    width: 400,
    layout: 'fit',
    source: {
        ali: 3
    },
    sourceConfig: {
        ali: {
            displayName: 'ali',
            editor: {
                xtype: 'combobox',
                store: store,
                displayField: 'name',
                valueField: 'id'
            },
            renderer: function(v){
                return store.findRecord("id", v).get("name");
            }
        }
    }
}]
});