Hiding nodes

[andrewjg]

Hi there,

Dynatree is working really well for me so far, but is there a
relatively easy way to hide nodes? I want to implement a filtering
system where only nodes with titles that match a specified search
string are visible. Do I need to rebuild the tree or can I just toggle
the visibility of a node? Thanks.

Cheers, Andrew.

[mar10]

I would try to use visit() to traverse the tree and set a special class name for hidden nodes. Then add ths clss to the css.
Note that you must not hide parents of visible nodes, of course...

[andrewjg]

Thanks for that - it's what I ended up doing:

RCS.StationPicker.prototype.filterNodes = function(searchTerm,
targetNode)
{
// Only show nodes matching the specified search term
var startNode = targetNode ||
this.availableStationsTree.dynatree("getRoot");
startNode.visit(function(node)
{
if (node.isVisible() && node.data.title)
{
// Filter currently visible non-root nodes.
if (node.data.title.indexOf(searchTerm) >= 0)
{
// Make sure we and all our parents are visible
node.visitParents(function(node)
{
$(node.li).show();
return (node.parent != null);
}, true);

// Terminate the traversal of this branch since the
node matches
return 'skip';
}
else
{
// Hide the node.
$(node.li).hide();
}
}
});
}

[ali.abbas]

Hi
can you please guide me that how you fix this problem to hide the and show the nodes of dynatree.
your urgent reply will be highly appreciated

thanks

[mohit...@gmail.com]

Hi actually i have implemneted the dynatree , now i want filter capability like , User input caures in text and on kerpress event it shoud show the filtered node and child node.

any help apriciated.

[mar10]

I would suggest to look at Fancytree and the ext-filter extension: http://wwwendt.de/tech/fancytree/demo/sample-ext-filter.html