easyUI combobox的使用

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");
     });
}