1. 程式人生 > >Tree樹(設定單擊選中與取消多選框)(設定樹節點隱藏)

Tree樹(設定單擊選中與取消多選框)(設定樹節點隱藏)

前臺:

1.

var deptTree = null;

deptTree = $('#listDept');

//初始化樹
function initTree() {
deptTree.tree({
url: '../dutyController/listDeptMembers.do',
animate: false,//定義是否在每個節點前邊顯示覆選框。
lines : true, //定義是否顯示樹線條。
checkbox : true,//定義是否在每個節點前邊顯示覆選框。
onlyLeafCheck: true,//定義是否只在葉節點前顯示覆選框。
onClick: function(node) {//節點點選事件,引數為節點
if(node.checked){//如果該節點被勾選
deptTree.tree('uncheck',node.target);//設定該節點被取消勾選
}else{
deptTree.tree('check',node.target);//設定該節點被勾選
}
},
onBeforeLoad: function() {//請求發出前觸發,返回 false 則取消載入動作。
listDutymember();
},
onLoadSuccess: function() {//當載入資料的請求發出前觸發,返回 false 則取消載入動作。
selectedNode = deptTree.tree('getRoot');//從根節點開始載入樹
var nodes = deptTree.tree('getChildren');//獲取孩子節點
for(var i=0;i<nodes.length;i++){//遍歷 樹
for(var j=0;j<dutymemberRows.length;j++){//遍歷 表
if(nodes[i].id==dutymemberRows[j].memberid){
node = deptTree.tree('find', dutymemberRows[j].memberid);//查詢節點,返回節點物件
// node.target.disabled="disabled";//(node.target).disabled=true
// deptTree[i + 1].disabled = true;
/* $(this).find('span.tree-checkbox').unbind().click(function(){////設定該節點不可編輯
return false;
});*/
node.target.style.color="#EEEE00";//設定節點顏色
node.target.style.display = 'none'; //隱藏節點
}

}
}
}
});
}