Combobox + XTemplate беда

Question

В следующем примере показан обычный комбинированный список, пока я не использую XTemplate. После применения XTemplate элементы в выпадающем списке становятся не кликаемыми (при наведении курсора подсветка отсутствует и выбор невозможен).

    Ext.onReady(function () {
        var states = Ext.create('Ext.data.Store', {
            fields: ['abbr', 'name'],
            data: [
                { "abbr": "AL", "name": "Alabama" },
                { "abbr": "AK", "name": "Alaska" },
                { "abbr": "AZ", "name": "Arizona" }
            ]
        });

        Ext.create('Ext.form.ComboBox', {
            fieldLabel: 'Choose State',
            store: states,
            queryMode: 'local',
            displayField: 'name',
            valueField: 'abbr',
            renderTo: 'divId',
            tpl: new Ext.XTemplate(
                '<tpl for="."><div class="x-combo-list-item">{name}</div></tpl>')
        });
    }

Answer 1

Значение по умолчанию XTemplate для ComboBox:

'<tpl for="."><div class="x-combo-list-item">{' + this.displayField + '}</div></tpl>'

Вы уже установили имя displayField, так зачем вам нужен пользовательский шаблон?

Answer 2

Нет необходимости в new Ext.Xtemplate в значении tpl.Просто определите строку шаблона внутри него.