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

extjs 下拉框模糊搜索

问题描述

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

运行环境

jdk7+tomcat7+oracle

项目技术(必填)

spring+spring mvc+mybatis+extjs

项目截图(必填)

extjs 下拉框模糊搜索

运行截图(必填)

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

所有回答列表(2)
欠踹de背影的gravatar头像
欠踹de背影  LV25 2019年3月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背影  LV25 2019年3月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 下拉框模糊搜索

相关问答
最近浏览
啊我萨达撒啊 2023年7月26日
暂无贡献等级
齐小天 2021年1月10日
暂无贡献等级
764689245 2020年8月14日
暂无贡献等级
春暖川开  LV7 2020年5月6日
Lucifer Ma  LV1 2019年11月7日
想当演员的码农  LV5 2019年9月23日
没有工作的咸鱼  LV7 2019年8月1日
admin123456686  LV10 2019年7月29日
chadzhang  LV2 2019年7月26日
renkai721  LV4 2019年7月9日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友