带有文本框的 Ext JS 组合框

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>