extjs 下拉框模糊搜索

最近刚好也在做这个，网上找了一个，可以满足我的需求。我的功能就是输入姓名拼音进行检索！

/** 定义积分人员下拉选择* */
var s_id = new Ext.form.ComboBox({
    fieldLabel: '积分人员',
    store: staff_store,
    valueField: 's_id',
    displayField: 's_name',
    name: 's_id',
    hiddenName: 's_id',
    matchFieldWidth: false,
    forceSelection: true,
    minChars: 2,//最少输入几个字符
    pageSize: 20,
    triggerAction: 'all',
    queryMode: 'local',
    ypeAhead: true,
    selectFlag: true,
    editable: true,
    allowBlank: false,
    width: 180,
    emptyText: '请先选择机构部门',
    listeners: {
        'beforeselect': function () {
            this.selectFlag = false;
        },
        'expand': function () {
            this.list.setWidth(238);
        },
        'change': function () {
            if (this.selectFlag) {
                this.store.load({
                    params: {
                        start: 0,
                        limit: 10
                    }
                });
            }
            this.selectFlag = true;
        },
        'select': function () {
            s_name.setValue(this.getRawValue());
        }
    }
});

最近刚好也在做这个，网上找了一个，可以满足我的需求。我的功能就是输入姓名拼音进行检索！

/** 定义积分人员下拉选择* */
var s_id = new Ext.form.ComboBox({
    fieldLabel: '积分人员',
    store: staff_store,
    valueField: 's_id',
    displayField: 's_name',
    name: 's_id',
    hiddenName: 's_id',
    matchFieldWidth: false,
    forceSelection: true,
    minChars: 2,//最少输入几个字符
    pageSize: 20,
    triggerAction: 'all',
    queryMode: 'local',
    ypeAhead: true,
    selectFlag: true,
    editable: true,
    allowBlank: false,
    width: 180,
    emptyText: '请先选择机构部门',
    listeners: {
        'beforeselect': function () {
            this.selectFlag = false;
        },
        'expand': function () {
            this.list.setWidth(238);
        },
        'change': function () {
            if (this.selectFlag) {
                this.store.load({
                    params: {
                        start: 0,
                        limit: 10
                    }
                });
            }
            this.selectFlag = true;
        },
        'select': function () {
            s_name.setValue(this.getRawValue());
        }
    }
});