EasyUi combotree 使用總結

EasyUi combotree

---

• combotree加載方法
• combotree的複選方法
• 參考

---

一、combotree加載方法

1、直接加載

  <input id="networkAreaOld"  class="easyui-combotree" data-options="url:'/yqkz/yqkzTaskRelease/getNet.do',method:'get',required:true" multiple style="width:200px;"></input>

2、js加載

<select id="networkAreaOld" class="easyui-combotree" multiple="true" onlyLeafCheck="true"  animate="true"  style="width:280px;"></select> 
//js加載數據 
$('#networkAreaOld').combotree({
        url:"/yqkz/yqkzTaskRelease/getNet.do", 
        method:'get',
    });

本編輯器支持 Markdown Extra , 　擴展了很多好用的功能。具體請參考[Github][2].

二、combotree的複選方法

combotree繼承了combo和tree，所以很多方法繼承自樹。以複選方法爲例：

1、combotree方法先要得到樹，在獲取複選中的節點。如下：

var t = $('#networkAreaOld').combotree('tree'); // 得到樹對象 
//多選下拉
var nodes = t.tree('getChecked'); // 得到多個選擇的節點
var nodes = $('#tt').tree('getChecked', 'unchecked');  // 獲取多個未選擇節點
var nodes = $('#tt').tree('getChecked', 'indeterminate');// 獲取多個不確定的節點

//單選下拉
var n = t.tree('getSelected');      // 獲取單個選擇的節點

2、combotree複選當選中時調用方法onCheck：

$("#networkArea").combotree({
        onCheck:function(node, checked){
            if(checked == true){
                if(selectID==""){
                    selectID += node.id;
                }else{
                    selectID += "," + node.id;
                }

                if(selectData ==""){
                    selectData += node.text;
                }else{
                    selectData += "," + node.text;
                }
            }else if(checked == false){
                var arrayID = selectID.split(',');
                var arrayData = selectData.split(',');
                for(var i=0; i<arrayID.length; i++){

                }
            }

        }
    });

參考

easyUI官網：http://www.jeasyui.net