combobox in propertygrid using Extjs-6

Question

Я использую Extjs-6. У меня есть propertygrid. Одна из этих строк propertygrid является combobox. valueFiled Недвижимость combobox - id и displayfield - name. Когда я хочу редактировать combobox в propertygrid, он показывает имена, но когда propertygrid не находится в режиме редактирования, он показывает id. Я хочу показать в 2 режимах значение name, а его значение будет id. Мой примерный код: here.

Возможно ли? Как это сделать?

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"); 
      } 
     } 
    } 
}] 
});