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

 

打賞

免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2021 CODEPRJ.COM