easyUI combobox的使用

Posted 2020-12-24 wgl0126

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