I wrote a sample, you can only select one node, and when you click button you can get all parents of this seleced node. bellow the main code:
html:
<!-- This button's 'onclick' function need a param, this param specify the tree id -->
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick='getAllParentsOfNode("#tree")'>Get all parents of node</a>
<br><br><br>
<ul id="tree" class="easyui-tree" data-options="url:'tree_data1.json',animate:true,checkbox:false"></ul>
javascript:
/**
* 扩展方法，获得树的节点等级
*/
$.extend($.fn.tree.methods,{
getLevel: function(jq, target){
return $(target).find('span.tree-indent,span.tree-hit').length;
}
});
/**
* to get a array of parents of selected node
* @param tree - the tree you want to select a node
* @param selectedNode - the node that you select
* @param nodeLevel - the level of selected node
* @param nodeparentArry - use a array to record all parents of selected node
* @returns
*/
function getParentArry(tree,selectedNode,nodeLevel,parentArry){
//end condition: level of selected node equals 1, means it's root
if(nodeLevel == 1){
return parentArry;
}else{//if selected node isn't root
nodeLevel -= 1;
//the parent of the node
var parent = $(tree).tree('getParent',selectedNode.target);
//record the parent of selected to a array
parentArry.unshift(parent);
//recursive, to judge whether parent of selected node has more parent
return getParentArry(tree,parent,nodeLevel,parentArry);
}
}
function getAllParentsOfNode(tree){
var node = $(tree).tree('getSelected');
alert("The selected node is: " + node.text);
var nodeLevel = $(tree).tree('getLevel',node.target);
var parentArry = new Array();
var parents = getParentArry(tree,node,nodeLevel,parentArry);
if(parents.length > 0){
var parentStr = "";
for(var i = 0; i < parents.length; i++){
parentStr += parents
.text + " -> ";
}
}
alert("All parents of selected node:\n" + parentStr);
}
Show Posts
