设置Combobox默认选中项

 $("#selectDock").combobox({valueField: 'value',textField: 'label',panelHeight:"auto",data: [{label: '靠上',value: 'top',selected:true //默认选中项}, {label: '靠左',value: 'left'}],onSelect: function (rec) {//选中事件}
});

当文本框和combobox设置同样的宽度的时候,代码视图展示如图,都设置为148px宽度

预览后的效果如下:

同样宽度情况下,combobox设置的宽度 多加6px 才可以和文本框显示一样的长度

=========================================================

 通过ajax后台获取json数据 初始化combobox

 $("#selectCategory").combobox({url: "http://www.cnblogs.com/Ajax/sys/DomainCategory.ashx?Method=GetAllCategorys",valueField: "CategoryID",textField: "CategoryName"        value: '-1',//默认选中项//panelHeight: "auto",//去掉该属性,当内容过多的时候就会自动出现滚动条});

设置combobox选中项:$('#selectCategory').combobox('setValue', "123");

禁制用户输入属性:editable:false

$("#A_selectCategory").combobox({url: "http://www.cnblogs.com/Ajax/sys/DomainCategory.ashx?Method=GetAllCategorys",valueField: "CategoryID",textField: "CategoryName",editable:false
});

 combobox默认选中项=====================================================

ajax获取后台的JSON数据,在第一个节点的属性上添加 selected:true 这个属性 即可让这个节点默认为选中的,但是这样我们后台获取的数据不大好处理,我一般都是一个datatable或者List 用json.net直接转换为json了。

另外一种方式:参考网址:http://www.jeasyui.com/documentation/combobox.php

就是在combobox的加载完毕事件里获取当前的combobox数据,设置第一个节点为选中项

 $("#select_Dic").combobox({url: "http://www.cnblogs.com/Ajax/sys/WebServiceBase.ashx?Method=GetRefItems", //获取所有私有域valueField: "Code",textField: "Name",panelHeight: "auto",editable: false, //不允许手动输入onLoadSuccess: function () { //数据加载完毕事件var data = $('#select_Dic').combobox('getData');if (data.length > 0) {$("#select_Dic").combobox('select', data[0].Code);}}});

另外一种较为简单点的写法

 onLoadSuccess: function () {var data = $(this).combobox('getData');if (data.length > 0) {$(this).combobox('select', data[0].Code);}
}

==========================================================================================================

选中多个值

 $("#GC025_WRYLB").combobox({method: "post",data: [{CODE: '31', NAME: '大气环境污染源' }, { CODE: '32', NAME: '地表水体环境污染源' }, { CODE: '33', NAME: '地下水体环境污染源' },{ CODE: '34', NAME: '海洋环境污染源' }, { CODE: '35', NAME: '土壤环境污染源' }, { CODE: '36', NAME: '声环境污染源' }, { CODE: '37', NAME: '振动环境污染源' },{ CODE: '38', NAME: '放射性环境污染源' }, { CODE: '41', NAME: '电磁环境污染源' }, { CODE: '49', NAME: '其他污染对象的污染源'}],valueField: "CODE",textField: "NAME",value: '32',multiple: true, //多选editable: false,onLoadSuccess: function () {}});

获取选中的多个值。将获取到的值通过ajax传入到后台的时候,取出来的数据例如是:"31,32,33,34" 需要对该字符串编码 encodeURI() 后台通过 UrlDecode解码即可,否则后台获取到的是空值

var GC025_WRYLB = $('#GC025_WRYLB').combobox('getValues'); //污染源类别 这里注意是用的getValues

设置多个选中值

$('#GC025_WRYLB').combobox('setValues', ['32','33']);//后面的值是数组的形式

例如我从后台的数据库里取出来了数据前台的赋值方法。数据内的数据的存储如下图,

31,32,33,34这样存储选中的多个值

前台的赋值方法是

  var vArray = new Array();//创建一个数组var str = row.GC025_WRYLB.toString().split(',');for (var i = 0; i < str.length; i++) {vArray.push(str[i]);//循环把值添加到数组里面}$('#GC025_WRYLB').combobox('setValues', vArray);

EasyUI combobox相关推荐

  1. easyui combobox开启搜索自动完成功能

    combo.json [{"id":-1,"text":" ","spell":""},{" ...

  2. Easyui combobox设置值和文本的几种方式和问题

    Easyui combobox设置值和文本的几种方式和问题 1.在Easyui 帮助文档中,我们可以看到combobox是继承自combo,combo中有两上方法:setText.setValue. ...

  3. 【easyui】easyui combobox 如何清空已加载的数据?

    easyui combobox 如何清空已加载的数据? 两种方式: 1. $('#leaveCountry').combobox('clear'); //清除已选中数据 $('#leaveCountr ...

  4. 【easyui】easyui combobox 如何清空已加载的数据?

    easyui combobox 如何清空已加载的数据? 两种方式: 1. $('#leaveCountry').combobox('clear'); //清除已选中数据             $(' ...

  5. easyui combobox 拼音检索快捷选择输入

    easyui combobox 拼音检索快捷选择输入 效果如图 $.ajax({url: UserActionUrl + '?action=listuserworktype',dataType: 'j ...

  6. EasyUI combobox 中文无法检索最终解决方案!

    写在前面: 因为之前一直用EasyUI的combobox控件,但是苦于在火狐浏览器下输入中文无法直接检索必须在输入完成后再敲击一下键盘才可以(按一下shift或空格),原因是中文输入法屏蔽了EasyU ...

  7. easyUI Combobox自定义调整支持中文模糊查询

    1.调整Combobox支持模糊查询,并支持从任意位置开始匹配 解决方案:将字符串的indexof匹配由原来的判定为头部匹配,改为包含匹配 return row[opts.textField].toL ...

  8. JQuery EasyUI combobox(下拉列表框)

     下拉列表框 继承 $.fn.combo.defaults. 重写 $.fn.combobox.defaults. 组合框显示一个可编辑的文本框和下拉列表,用户选择一个或多个值.用户可以直接输入文 ...

  9. easyui combobox java_Easyui的combobox实现动态数据级联效果

    实现从数据库中动态获取对应的list集合,并在easyui的combobox中显示出来. 实现的效果如下: 1.数据库的表设计如图所示 2.数据库中填写相关的数据,如图所示.如图所示[法律法规]是所属 ...

  10. easyUI combobox启用禁用功能写法

    最开始用的是常规js写法, $(#Id).combobox('disabled'); 发现不可用,研究了好久好久,后面师傅说是不是easyui原本的写法覆盖了常规的js写法,一查,果然有相关的博客写到 ...

最新文章

  1. 开发者说:基于 Nacos 的网关灰度路由和服务权重灰度
  2. emacs Linux Java编程环境_Linux下搭建用emacs查看代码的开发环境
  3. PMP 英文术语缩写
  4. 大数据之-Hadoop3.x_Yarn_容量调度器---大数据之hadoop3.x工作笔记0145
  5. Doc2vec在推荐系统中的应用(含算法原理、代码实现)
  6. python实践gcForest模型对鸢尾花数据集iris进行分类
  7. 分布式 id 生成系统 滴滴 Tinyid 快速入门
  8. 几招叫你如何防止卡巴斯基Key被封
  9. 深入P2P——BT种子解析
  10. 使用ExtendSim进行医疗仿真
  11. Google IO 2022——CSS 状态
  12. 《University Calculus》-chape8-无穷序列和无穷级数-欧拉恒等式
  13. 裸金属服务器与云服务器的差别是什么?
  14. ARCGIS中坐标转换及地理坐标、投影坐标的定义
  15. JavaScript工具函数宝典(内含95个函数)
  16. 企业电子邮件系统全局地址簿管理及使用方法介绍
  17. discus 怎么添加门户功能
  18. 全文检索技术Lucene入门和学习、与数据库数据结合的demo实现
  19. 组合总和 Ⅳ(超详细讲解)
  20. android同时预览多个监控,基于VLC的Android多路视频监控系统.pdf

热门文章

  1. C++找出数组中的第一个非重复整数的算法(附完整源码)
  2. C++longest common subsequence最长公共子序列的实现(附完整源码)
  3. C++实现冒泡排序(附完整源码)
  4. springboot整合mysql5.7_每天五分钟写K8(四):SpringBoot与mysql整合
  5. linux内核中kset是什么意思,Linux内核之设备驱动-底层数据结构kobject/kset
  6. linux可以运行常规软件吗,Linux安装一些常规软件(浅显)
  7. 2020-12-23
  8. 2.关于QT中数据库操作,简单数据库连接操作,数据库的增删改查,QSqlTableModel和QTableView,事务操作,关于QItemDelegate 代理
  9. CXF wsdl2Java
  10. 表的插入、更新、删除、合并操作_1_插入新的记录