在ExtJS中使用anyMatch搜索的ComboBox

Question

我有一个带有本地过滤的远程商店的ComboBox.
而不是像第一个字符那样的默认过滤,%query我想用contains/anyMatch模式过滤%query%.

我尝试用问题中的答案来解决这个问题:ExtJs:在ComboBox中搜索/过滤,但它没有用.

码:

var users = Ext.create('Ext.form.ComboBox',{
    displayField : 'userName',
    valueField : 'userName',
    queryMode : 'local',
    typeAhead : true,
    store : Ext.create('Ext.data.Store', {
        model   : 'User',
        proxy       : {
            type    : 'ajax',
            url     : './user/list',
            reader  : {
                type: 'json',
                root: 'data'
            }
        }
    });
});

谢谢!

Answer 1

只需在中添加以下代码即可Ext.form.field.Combobox.这适用于没有该anyMatch属性的ExtJs 4.1 .

listeners   : {
    beforequery: function(record){  
        record.query = new RegExp(record.query, 'i');
        record.forceAll = true;
    }
}

Answer 2

从Ext 4.2.1开始使用anyMatch配置选项.在早期版本中,您似乎需要覆盖doQuery方法,Ext.form.field.ComboBox以便能够将该选项添加到您在其中找到的过滤器实例:

me.activeFilter = new Ext.util.Filter({
    root: 'data',
    anyMatch: true, // <- add this
    property: me.displayField,
    value: queryString
});