Ext JS Combo框带有文本框

Question

我是Ext JS的新手，我想知道我是否有办法做这样的事情？ （我明白，我可以将组合框改为可编辑而不是这个。但是想知道我是否可以这样做。）

Answer 1

可以这样做，但你必须扩展ComboBox。您需要更改的一件事是tpl。

如果你从未做过类似的事情，你可以看看Saki的LovCombo。

Answer 2

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

Answer 3

在Ext Designer中更改了 tpl 并且它有效。虽然答案是@Francesco所说的，但我只是添加了我用来参考的XTemplate。

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