renguang的gravatar头像
renguang2019-03-11 15:58:58

extjs 下拉框模糊搜索

问题描述

下拉框只有输入前面的内容才能实现模糊搜索,输入其他位置的内容不能实现模糊匹配

运行环境

jdk7+tomcat7+oracle

项目技术(必填)

spring+spring mvc+mybatis+extjs

项目截图(必填)

extjs 下拉框模糊搜索

运行截图(必填)

extjs 下拉框模糊搜索extjs 下拉框模糊搜索

所有回答列表(2)
欠踹de背影的gravatar头像
欠踹de背影 LV233月20日

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

/** 定义积分人员下拉选择* */
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());
        }
    }
});

extjs 下拉框模糊搜索

欠踹de背影的gravatar头像
欠踹de背影 LV233月20日

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

/** 定义积分人员下拉选择* */
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());
        }
    }
});

extjs 下拉框模糊搜索

相关问答
    最近浏览
    1034468405 LV24月25日
    星星星星
    tangang LV24月22日
    星星星星
    zx000074月17日
    暂无贡献等级
    fuloveyan LV54月12日
    月亮星星
    伤不旧 LV74月11日
    月亮星星星星星星
    1690356080 LV284月11日
    太阳月亮月亮月亮
    2293778908 LV114月11日
    月亮月亮星星星星星星
    xfxwanzd LV44月10日
    月亮
    lamaga LV24月10日
    星星星星
    顶部客服微信二维码底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友