ExtJs6中onRender方法的替代方法是什么

Question

我使用的是ExtJS 6，对于comboBox，我希望在选择后在组合域中显示我自己的定制值。像我希望delimiter和一些值的颜色变化，以显示在组合字段后选择的值。我在较早版本的ext中有onRender(ct,pos)选项，但在最新版本的ExtJs中没有。有人能告诉我ExtJs6版本中的alternate onRender()是什么吗？

Answer 1

您可以使用innerTpl配置。下面是一个例子。你可以在这里引用fiddle。Fiddle

Ext.onReady(function() {
var data = [{
    name: 'Tom',
    age: 20
}, {
    name: 'Peter',
    age: 30
}];

var store = Ext.create('Ext.data.Store', {
    fields: ['name', 'age'],
    proxy: {
        type: 'memory',
        reader: {
            type: 'json'
        }
    }
});   
store.loadRawData(data, false);    
store.each(function(record) {
    console.log('name in store: %s', record.get('name'));
});

var combobox = Ext.create('Ext.form.field.ComboBox', {
    queryMode: 'local',
    typeAhead: true,
    forceSelection: true,
    displayField: 'name',
    valueField: 'name',
    renderTo: Ext.getBody(),
    store: store,
    listConfig: {        
        getInnerTpl: function() {     // <-- Here you can customize your values               
            var someString = '<div style="color:red;font-weight:bold;padding-top:1px; padding-bottom:1px;">' + '{name}</div>';
            return someString;
        }
    }
});

})；