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

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

相关推荐
A923A10 分钟前
【从零开始学 React | 第四章】useEffect和自定义Hook
前端·react.js·fetch·useeffect
ZC跨境爬虫14 分钟前
批量爬取小说章节并优化排版(附完整可运行脚本)
前端·爬虫·python·自动化
ZC跨境爬虫17 分钟前
海南大学交友平台登录页开发实战day4(解决python传输并读取登录信息的问题)
开发语言·前端·python·flask·html
来一颗砂糖橘20 分钟前
pnpm:现代前端开发的高效包管理器
前端·pnpm
前端摸鱼匠20 分钟前
Vue 3 的defineProps编译器宏:详解<script setup>中defineProps的使用
前端·javascript·vue.js·前端框架·ecmascript
木斯佳21 分钟前
前端八股文面经大全: 美团财务科技前端一面 (2026-04-09)·面经深度解析
前端·实习面经·前端初级
天外天-亮22 分钟前
Vue2.0 + jsmind:开发思维导图
javascript·vue.js·jsmind
LIO24 分钟前
React 零基础入门,一篇搞懂核心用法(适合新手)
前端·react.js
TeamDev39 分钟前
JxBrowser 8.18.2 版本发布啦!
java·前端·跨平台·桌面应用·web ui·jxbrowser·浏览器控件
netkiller-BG7NYT39 分钟前
yoloutils - Openclaw Agent Skill
前端·webpack·node.js