Easyui ComboBox 数据加载完成之后过滤数据

Easyui ComboBox 数据加载完成之后过滤数据

需求

在ComboBox 下拉框中过滤包含"物联网"三个字的选项

现状

期望

实现方式

使用 combobox 的方法在加载时过滤 loadFilter

方式一:HTML中编写

html 复制代码
<input id="enterpriseDepartmentCode" name="enterpriseDepartmentCode" style="width: 100%;height: 25px;"data-options="
                                        valueField:'id',
                                        textField:'description',
                                        editable:true,
                                        url:'${ctxPO}/json/bigorder/common/salesoffice',
                                        loadFilter: function(data){
                                            return data.filter(item => item.description.indexOf('物联网') > -1);
                                        }
                                        " class="easyui-combobox">

方式二:JS中编写

javascript 复制代码
$('#enterpriseDepartmentCode').combobox({
    valueField: 'id',
    textField: 'description',
    editable: true,
    url: '${ctxPO}/json/bigorder/common/salesoffice',
    loadFilter: function (data) {
        return data.filter(item => item.description.indexOf('物联网') > -1);
    }
});

以上都可以实现在数据加载时候完成过滤!

相关推荐
皮卡祺q5 分钟前
【算法-0】背包问题(三维+二维)
java·javascript·算法
前端爆冲8 分钟前
基于SSE实现AI聊天场景的流式输出
前端·ai编程
Bigger8 分钟前
mini-cc 技术栈:跟着 Claude Code 先选 TypeScript + React + Ink
前端·ai编程·claude
whuhewei19 分钟前
手写Promise
开发语言·javascript·ecmascript
vortex522 分钟前
XSS 漏洞深度挖掘与利用:从自动化扫描到账户接管
前端·自动化·xss
光影少年33 分钟前
前端浏览器自动化
运维·前端·前端框架·自动化
弹简特34 分钟前
【Vue3速成】04-vue3官方库-路由机制
前端·vue·路由
川冰ICE36 分钟前
JavaScript入门⑤|数组方法全攻略,map/filter/reduce三剑客
开发语言·javascript·ecmascript
threelab1 小时前
Three.js 抽象艺术着色器效果 | 三维可视化 / AI 提示词
前端·javascript·人工智能·3d·着色器
008爬虫实战录1 小时前
【码上爬】 题十八:模拟大厂加密算法, 堆栈分析找加密点,扣自执行函数,jsdom补环境
开发语言·javascript·ecmascript