`
chun521521
  • 浏览: 284260 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

easyui combobox 默认值 通用方法

 
阅读更多

 

网上N多贴都不通用,老子自己创造!

 

调用说明:

<select class="easyui-combobox textbox" id="deps" name="deps"
      data-options="required:true,valueField:'id',textField:'name',url:'sys/listDicByPid.do?pid=138000',onLoadSuccess: function(){selectFirst(this);},editable:false">
     </select>

 

 

通用方法:

/**
 * combobox默认选择第一项
 * @param tHhis
 * @return
 */
function selectFirst(tHhis){
 var val = $(tHhis).combobox("getData");
 var field = $(tHhis).combobox("options");
 for(var item in val[0]){
  if(item == field.valueField){
   $(tHhis).combobox("select", val[0][item]);
  }
 }
}

 

 

 

 

 

分享到:
评论

相关推荐

    EasyUI中combobox默认值注意事项

    在使用EasyUI框架进行Web应用开发时,常常会遇到设置Combobox(下拉框)默认值的问题。EasyUI的Combobox组件是一个强大的选择项输入控件,它将文本输入框和下拉列表相结合,提供了丰富的功能。然而,在设置默认值时...

    EasyUI Combobox设置默认值 获取text的方法

    本文将详细介绍如何在EasyUI Combobox中设置默认值以及如何获取选中项的text。 首先,我们来看如何设置Combobox的默认值。在EasyUI中,可以通过`setValue`方法来设定Combobox的初始值。例如,如果我们要将 Combobox...

    在easyui-combobox多选模式下加入选择所有选项

    本文将深入探讨如何在EasyUI的Combobox组件中实现多选模式,并添加“选择所有”选项的功能。 Combobox是EasyUI中的一个下拉框组件,它结合了输入框和下拉列表的优点,常用于数据筛选或选择操作。在单选模式下,用户...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...

    easyui-combobox、combotree后台数据数据组装与前台绑定实例

    EasyUI 是一个基于 jQuery 的 UI 插件库,它提供了丰富的界面组件,包括我们这里讨论的 Combobox 和 Combotree。这两个组件都是用于在前端展示下拉选择框,但 Combotree 还增加了树形结构的功能,使得用户可以选择树...

    easyui中combobox后台交互实例

    在本文中,我们将深入探讨EasyUI中的Combobox组件以及如何实现与后台的交互。EasyUI是一个基于jQuery的轻量级前端框架,它提供了一系列易于使用的UI组件,包括Combobox,用于创建下拉列表框,同时支持后台数据加载,...

    Easyui Combobox 过滤功能,类似火车票网站过滤

    这里通过 `$('#relationShipId')` 选中了 ID 为 `relationShipId` 的元素,并调用 `.combobox()` 方法初始化该元素为 Combobox 组件。 ##### 2. 设置过滤规则 ```javascript filter: function(q, row){ var opts ...

    jquery easyui combobox 级联java demo(真正可用)

    例如,我们可以使用`combobox`方法和`on`事件监听器: ```javascript $("#province").combobox({ url: 'ajaxsvr', // 这里是后端接口地址,用于获取省份数据 valueField: 'id', textField: 'name' }); $("#...

    jquery easyui combobox模糊过滤(示例代码)

    修改jquery easyui combobox模糊过滤 代码如下:filter:function(q,row){ var opts=$(this).combobox(“options”); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)&gt;-1;//将...

    easyUI combobox实现联动效果

    在 EasyUI 中,Combobox 是一个非常实用的组件,它结合了输入框和下拉列表的功能,用户可以选择已有选项或自行输入。 联动效果是指在一个 Combobox 的选择发生变化时,自动更新另一个 Combobox 的选项。这种功能在...

    easyui combbox 显示默认值

    综上所述,EasyUI Combobox的默认值设置涉及到初始化配置、动态数据加载后的设置以及可能的联动逻辑。在实际应用中,开发者需要根据具体场景灵活运用这些方法,同时关注用户体验和代码的健壮性。

    jquery easyui combobox mysql 数据库的省市县三级联动的例子

    在事件处理函数中,编写AJAX请求代码,使用`$.ajax`或`$.getJSON`方法,请求新数据,然后使用`combobox.loadData`或`combobox.options.data`更新下一级ComboBox的数据。 5. **优化与性能**:为了提高用户体验,通常...

    easyui的datagrid中editor和combobox的级联

    ### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...

    EasyUI学习之Combobox级联下拉列表(2)

    接着,它利用EasyUI的`combobox('loadData')`方法加载初始数据,并通过`onSelect`事件监听用户的选择,以便在选择后更新关联的下拉列表。 在`onSelect`回调中,我们需要根据选择的值动态地获取下一级别的数据,然后...

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    本文介绍在使用jQuery EasyUI框架开发Web界面时,如何为Combo和Combobox组件添加清除值的功能。在很多Web应用中,提供一个清除输入的功能是十分必要的,可以提高用户的交互体验。jQuery EasyUI提供了一套丰富的UI...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    当用户在第一级combobox中选择一个值时,触发该事件,此时可以获取到所选值并根据这个值动态更新第二级combobox的`url`,然后调用`reload`方法重新加载数据。这样,第二级combobox的选项就会基于第一级的选择进行...

    ComboBox 控件隐藏 fieldLabel 不能隐藏问题解决

    - 创建自定义组件:如果上述方法都无法解决,可以考虑创建一个自定义的ComboBox组件,完全根据需求定制其行为和外观。 3. **实践建议**: - 了解所用框架或库的文档:熟悉并理解控件的API和使用方法,以便更好地...

    EasyUI学习之Combobox下拉列表(1)

    本文实例为大家分享了EasyUI Combobox下拉列表的具体代码,供大家参考,具体内容如下 1. html代码 性别: &lt;input class="easyui-combobox" style="width: 100px;" type="text" id="gender" /&gt; 2.显示 3.js...

Global site tag (gtag.js) - Google Analytics