1. 程式人生 > >如何實現jquery easyui combotree 下拉載入預設選中

如何實現jquery easyui combotree 下拉載入預設選中

    經過多次的測試,發現實現combotree 載入預設選中某個值的方法,常用到修改帶有combotree的用例中,特此記錄下來以備後用:

$(function(){//一般是在元素節點載入完畢後初始化 
       $("#id").combotree({//載入一個combotree,並展開所有節點,因為展開後才能顯示選中的值
                url:....,  
		editable:false,
		onLoadSuccess:function(node,data){
		var t = $("#id").combotree('tree');//獲取tree
		 for (var i=0;i<data.length ;i++ ){
			node= t.tree("find",data[i].id);
		 	t.tree('expandAll',node.target);//展開所有節點
			 
		 }
		}
	});
});

function edit(id){//編輯操作時一般知道該值value,或者通過ajax獲取。
  $("#id").combotree('setValue',value);//在設定一下combotree的值即可,value為你想選中的那個值,一般從後臺取出來在設定的
}
//如果是載入跟預設選中同一函式實現,那麼需要在combotree的onLoadSuccess函式中進行edit方法同樣的處理。