Ext JS Combo box с текстовым полем

Question

Я новичок в Ext JS, и я хотел узнать, есть ли способ сделать что-то подобное? (Я понимаю, что вместо этого я могу сделать поле со списком редактируемым. Но хотел знать, смогу ли я это сделать.)

Answer 1

Это можно сделать, но вы должны расширить ComboBox. Одна из вещей, которые вам нужно изменить, это tpl.

Если вы никогда не делали что-то подобное, вы можете посмотреть на LovCombo Саки.

Answer 2

Изменено tpl в Ext Designer, и это сработало. Хотя ответ - то, что сказал @Francesco, я просто добавляю XTemplate, который использовал для справки.

<tpl for="."><li>{Name}</li></tpl><input type="text" value="Enter item"></input>

Answer 3

var strCmbDip = Ext.create('Ext.data.Store', {
 storeId: 'strCmbDip',
 fields: ['id','name'],
 proxy: {
    type: 'ajax',
    url: 'rtvstore.php',
    reader: {
        root: 'rootCmbDip'
    }     
 }
});    

var cmbDip = Ext.create('Ext.form.ComboBox',
    x: 150,
    width: 230,
    id: 'cmbDip',
    fieldLabel: 'Dip',
    labelAlign: 'top',
    selectOnFocus: true,
    allowBlank: false,
    emptyText: 'Select....',
    queryMode: 'remote',
    displayField: 'name',
    valueField: 'id',
    editable: true,
    triggerAction: 'all',
    minChars: 1,
    hideTrigger: true,
    loadingText: '',
    store: strCmbDip
});