码迷,mamicode.com
首页 > 其他好文 > 详细

easyUI combobox的使用

时间:2018-07-23 14:56:30      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:使用   ttext   box   部分   success   ons   idt   row   显示   

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‘]);设置一组数据显示。

 

easyUI combobox的使用

标签:使用   ttext   box   部分   success   ons   idt   row   显示   

原文地址:https://www.cnblogs.com/wgl0126/p/9342746.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!