coding
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 下拉框模糊搜索

相关问答
    最近浏览
    songlijun LV721小时前
    月亮星星星星星星
    zk25796 LV1422小时前
    月亮月亮月亮星星星星
    moshanghuakai LV7昨天
    月亮星星星星星星
    yes152 LV1昨天
    星星
    nbbns2019 LV14月2日
    星星
    wangtaolngc4月1日
    暂无贡献等级
    853290338 LV23月31日
    星星星星
    zhoupan3月29日
    暂无贡献等级
    xzs988 LV33月28日
    星星星星星星
    顶部客服微信二维码底部
    >扫描二维码关注错误代码大全为好友扫描二维码关注错误代码大全为好友