1.需要用到的方法

设置组合框(combobox)值的数组。

$('#cc').combobox('setValues', ['001','002']);

设置组合框(combobox)的值。

$('#cc').combobox('setValue', '001');

获取值

var optionVal1 = $("#temp1").combobox("getValues");//获取多个值
var optionVal2 = $("#temp1").combobox("getValue");//获取一个值

获取文本

var optionVal = $("#temp1").combobox("getText");

2.示例

html部分

<select id='temp1' class='easyui-combobox tempAdd' style='padding:2px 0;width:140px'></select>											

js部分

$("#temp1").combobox({
multiple: true,//允许多选
data:[{"commands":"sdfs,sdfs1","id":1,"operator":"sdds","remark":"sdfs","tempName":"CM通用模板"},
{"commands":"sdfs,sdfsd2","id":2,"operator":"sdds","remark":"sdfs","tempName":"MA通用模板"},
{"commands":"sdfds,sssss3","id":3,"operator":"士大夫","remark":"大苏打","tempName":"MB通用模板"},
{"commands":"sdfs,sbd4","id":4,"operator":"sdds","remark":"sdfs","tempName":"模板123"},
{"commands":"sdfs,abc5","id":5,"operator":"sdds","remark":"sdfs","tempName":"CA通用模板"},
{"commands":"sdfds,sssss6","id":6,"operator":"士大夫","remark":"大苏打","tempName":"PA通用模板"},
{"commands":"sdfds,sssss7","id":7,"operator":"士大夫","remark":"大苏打","tempName":"PC通用模板"}],
panelHeight: 'auto',//自适应
valueField: 'id',//绑定字段ID onLoadSuccess:function(){
textField: 'tempName',//绑定字段Name
onLoadSuccess:function(val){
$(".combo").click(function(){
$(this).prev().combobox("showPanel");
});
tempArr = val;
// $('#temp1').combobox('setValues', ['1','3']);
},
//选择节点触发事件
onSelect: function (row) { },
})

多个值反向显示使用 $('#temp1').combobox('setValues', ['1','3']);设置一组数据显示。

3.动态添加combobox,需要初始化后才正常

var str = $("<input id='combobox' class='easyui-combobox'/>").appendTo("div")
$.parser.parse(str);
//初始化
$('#combobox').combobox({
url:"data",
valueField:'id',
textField:'text' ,
width:100
});

4.在点击input时触发下拉事件,在初始化时加上一下代码。

onLoadSuccess:function(){
$(".combo").click(function(){
$(this).prev().combobox("showPanel");
});

easyUI combobox的使用的更多相关文章

  1. easyui combobox点击输入框弹出下拉框

    由于easyui combobox需要点击下拉箭头才能下拉,不能像select标签那样点击输入框就下拉,所以觉得不太方便,查看了一下,combobox弹出框是一个div,原本想在他的输入框的点击事件中 ...

  2. jQuery easyui combobox获取值|easyui-combobox获取多个值

    Query easyui combobox事例:            name="language"             data-options="        ...

  3. easyui combobox onSelect事件

    easyui combobox 没有onchange事件,只有onSelect事件 1 $(function () { $('#Select6').combobox({ onSelect: funct ...

  4. jquery easyui combobox 级联及触发事件,combobox级联

    jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...

  5. Easyui combobox onChange事件

    Easyui combobox onChange事件: 注册事件: $(function () { $('#cc_id').combobox({ onChange: function (newValu ...

  6. JQuery EasyUI Combobox的onChange事件

    html中的select 的change事件 <select id="consult_province" name="consult_province" ...

  7. 关于easyui combobox下拉框实现多选框的实现

    好长时间没有更博了,一是因为最近真的比较忙,二是因为自己是真的偷懒了,哈哈 好啦,这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现,包括前台界面的展示,和后台对数据的获取 ...

  8. easyui combobox下拉框复制后再禁用,点击不会出现下拉框

    easyui combobox下拉框禁用,点击不会出现下拉框 需要做到,在给easyui combobox赋值后,再禁用easyui combobox 解决办法: $("#time-sele ...

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

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

  10. 表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

    EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等. ...

随机推荐

  1. MySQL-----笔记3:存储引擎

    1.存储引擎: https://zhidao.baidu.com/question/1049565846666168579.html MySQL中的数据用各种不同的技术存储在文件(或者内存)中.这些技 ...

  2. POJ 2395 Out of Hay( 最小生成树 )

    链接:传送门 题意:求最小生成树中的权值最大边 /************************************************************************* & ...

  3. hive 自定义函数(udf)

    1.解压hive的压缩包 2.新建java项目,将hive压缩包里面lib文件夹的jar包导入新建的项目 3.编写java程序 package udfdemo; import org.apache.h ...

  4. Python-基础-day2

    Python环境的安装 安装Python: windows: 1.下载安装包     https://www.python.org/downloads/ 2.安装     默认安装路径:C:\pyth ...

  5. 【hdu 6342】Expression in Memories

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 把所有的问号都改成'1' 然后会发现只有+0?这种情况 需要把?改成+. 看看这样的0后面的1是不是由问号改过来的就好了.是的话 再 ...

  6. 【codeforces 731D】80-th Level Archeology

    [题目链接]:http://codeforces.com/contest/731/problem/D [题意] 给你n个象形文; 每个象形文由l[i]个数字组成; 你可以把所有的组成象形文的数字同时增 ...

  7. using_where, Using temporary ,using_filesort 分享

    Using filsort文档中的解释: Mysql需要额外的一次传递,以找出如何按排序顺序检索行,通过根据联接类型浏览所有行并为所有匹配where子句的行保存排序关键字和行的指针来完成排序,然后关键 ...

  8. 【推荐】你必须知道的EF知识和经验

    阅读目录   推荐MiniProfiler插件 数据准备 foreach循环的陷进 AutoMapper工具 联表查询统计 性能提升之AsNonUnicode 性能提升之AsNoTracking 多字 ...

  9. c++ 设计模式之简单的工厂模式

    调试环境:vs2010 // test0.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> ...

  10. rails create方法ActiveModel::ForbiddenAttribute的问题

    rails create方法ActiveModel::ForbiddenAttribute的问题 def create @ad = Ad.new(ad_params) @ad.save end pri ...