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);
    }
});

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

相关推荐
脾气有点小暴3 分钟前
CSS position 属性
前端·css
ohyeah22 分钟前
用原生 JS 手写一个“就地编辑”组件:EditInPlace 的 OOP 实践
前端·javascript
毕设源码-邱学长28 分钟前
【开题答辩全过程】以 基于JavaScript的图书销售网站为例,包含答辩的问题和答案
开发语言·javascript·ecmascript
timeweaver29 分钟前
React Server Components 的致命漏洞CVE-2025-55182
前端·安全
重铸码农荣光31 分钟前
深入理解 JavaScript 中的 this:一场关于作用域、调用方式与设计哲学的思辨
前端·javascript
新晨43731 分钟前
跨域是服务器拒绝请求还是浏览器去拒绝的请求?
前端·浏览器
珑墨37 分钟前
【包管理器】pnpm、npm、cnpm、yarn 深度对比
前端·javascript·npm·node.js
草字44 分钟前
uniapp 滚动到表单的某个位置,表单验证失败时。
前端·javascript·uni-app
学到头秃的suhian44 分钟前
Spring使用三级缓存解决循环依赖问题
前端·spring·缓存
CXH7281 小时前
架构师的登山之路|第十二站:服务网格 Istio——未来的标配,还是复杂过头?
前端·javascript·istio