extjs6 模糊下拉查询

最新推荐文章于 2022-11-21 10:37:34 发布

sxsxsxsxsxsxsx1

最新推荐文章于 2022-11-21 10:37:34 发布

阅读量563

点赞数

分类专栏： extjs 文章标签：前端

本文链接：https://blog.csdn.net/sxsxsxsxsxsxsx1/article/details/126387358

版权

extjs 专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了前端开发中使用组合框组件时的配置选项，包括anyMatch（模糊检索）和forceSelection（失焦时清除下拉框输入）。通过设置这些参数，可以优化用户在输入查询时的体验，确保数据的正确性和交互的流畅性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

anyMatch: true, //模糊检索
forceSelection:true, //失焦时清除下拉框输入

{
                fieldLabel:'人员',
                name:'xxxx',
                anchor: '10%',
                // allowBlank:false,
                forceSelection:true,
                anyMatch: true,
                typeAhead: false,
                autoSelect: false,
                xtype:'combo',
                bind: {
                    store:'{userStore}'
                },
                listConfig: {
                    minWidth :280
                },
                displayField : 'userName',
                valueField :'userCode',
                hiddenName:'userName',
                queryMode : 'local',
                listeners : {
                    specialkey:"fieldSeachClick",
                    /*beforequery: function (e) {
                        debugger
                        delete e.combo.lastQuery;
                        var combo = e.combo;
                        if (!e.forceAll) {
                            var input = e.query;
                            // 查询的正则
                            var regExp = new RegExp(".*" + input.toUpperCase() + ".*");
                            // 执行查询
                            combo.store.filterBy(function (record, id) {
                                // 得到每个record的项目名称值
                                var text = record.get(combo.hiddenName);
                                return regExp.test(text);
                                console.log(111);
                            });
                            // combo.focus();
                            // combo.expand();
                            // setTimeout(combo.expand(),1);
                            // combo.getPicker().highlightItem(combo.getPicker().el.dom.firstChild.firstChild.firstChild);
                            // return false;
                        }
                    },*/
                }
            },