Want to implement advance Search and highlight the searched word about angular-tree-control HOT 2 CLOSED

Such a functionality is not a tree feature, rather, a functionality you can implement using the tree.
You should do the search on your model (the tree nodes) and find the node you wanna highlight. Lets call that node the search target node, or target for short.

Then, find all of the parent nodes of the target. Then use the expanded-nodes attribute to set all the parents to be expanded (such that the target will be visible in the tree), (see http://wix.github.io/angular-tree-control/#expandedNodes).

Use the angular template for tree labels to set the highlight on the target node. (see http://wix.github.io/angular-tree-control/#labels-template)

Hope that helps.

from angular-tree-control.

Hey,
Thanks for the reply.But I have implemented advance search and highlight the search word with my own logic.I kept seach box above treeview. put a watch on modal,and searching the child nodes.If child node is matched with searched word then I have created temporary data and feed it to tree-view control.

for highlighting keyword used highlight filter from ui.utils.js

Again thanks for reply

from angular-tree-control.