[前端][easyui]easyui select 默认值

javascript 复制代码
function initRegion(key, val) {
    $('#Region').combobox({
        url: path + '/getTypeVaule.do?item=region&key=' + key + "&value=" + val,
        editable: false, //不可编辑状态
        cache: false,
        valueField: 'TEMID',
        textField: 'TEMID',
        loadFilter: function (data) {
            data.unshift({TEMID: '全部'});
            return data;
        },
        onLoadSuccess:function () {
            //  数据加载成功后将指定值选中
            $('#Region').combobox('select', '全部');
        }
    });

}

EasyUI 是一个基于jQuery的界面库,它提供了一系列轻量级的控件,使得开发者可以快速地构建出美观、功能丰富的用户界面。在你提供的代码片段中,initRegion函数用于初始化一个EasyUI的下拉选择框(combobox),并设置它在数据加载成功后默认选中"全部"这个选项。

下面是代码的简要解释:

  1. $('#Region').combobox({ ... }); 初始化一个ID为Region的下拉选择框。

  2. url 属性指定了获取数据的服务器端地址,这里通过拼接path变量和查询参数来构造完整的请求URL。

  3. editable: false 表示下拉框不可编辑,用户只能从下拉列表中选择,不能直接在输入框中输入文本。

  4. cache: false 表示不缓存请求结果,每次打开下拉框都会向服务器发送请求。

  5. valueFieldtextField 都设置为 'TEMID',表示下拉框的值和显示的文本都使用数据中的TEMID字段。

  6. loadFilter 函数在数据加载前对数据进行处理,这里将一个包含'全部'的新对象添加到数据数组的开始位置。

  7. onLoadSuccess 事件在数据加载成功后触发,这里使用$('#Region').combobox('select', '全部');来选中'全部'这个选项。

相关推荐
gnip6 小时前
企业级配置式表单组件封装
前端·javascript·vue.js
一只叫煤球的猫7 小时前
写代码很6,面试秒变菜鸟?不卖课,面试官视角走心探讨
前端·后端·面试
excel8 小时前
Three.js 材质(Material)详解 —— 区别、原理、场景与示例
前端
掘金安东尼9 小时前
抛弃自定义模态框:原生Dialog的实力
前端·javascript·github
hj5914_前端新手12 小时前
javascript基础- 函数中 this 指向、call、apply、bind
前端·javascript
薛定谔的算法12 小时前
低代码编辑器项目设计与实现:以JSON为核心的数据驱动架构
前端·react.js·前端框架
Hilaku13 小时前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
前端·javascript·css
yangcode13 小时前
iOS 苹果内购 Storekit 2
前端
LuckySusu13 小时前
【js篇】JavaScript 原型修改 vs 重写:深入理解 constructor的指向问题
前端·javascript
LuckySusu13 小时前
【js篇】如何准确获取对象自身的属性?hasOwnProperty深度解析
前端·javascript