Extjs 添加唯一的组合框值来存储

Question

我有连接到商店的组合框。当我在组合框中输入内容并按 Enter 时，我将组合框值添加到商店。问题是我只想添加不在存储中的值。这是示例代码：

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

Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    displayField: 'name',
    valueField: 'name',
    renderTo: Ext.getBody(),
    listeners: {
                specialkey: function(field, e){                    
                    var store = this.getStore();
                    if (e.getKey() == e.ENTER) {                       
                        store.add({name: this.getValue()});
                    }
                }
            }
});

Answer 1

你可以在添加之前在商店中寻找价值：

specialkey: function(field, e){                    
    var store = this.getStore();

    if (e.getKey() !== e.ENTER) {  
        return;
    }  

    if(store.find('name', this.getValue(), null, null, true) === -1) {
        store.add({name: this.getValue()});
    }         
 }

fiddle 有答案