Example: Treeview with highlight search term

[Richard]

Hello All:

I wrote fiddle http://jsfiddle.net/RichardAD/QfDd9/ to demonstrate how a portion of a node text value can be highlighted when it matches a search term. Could also be tweaked to hide non-matching nodes.

I'm looking for feedback on the technique and improvements.

Thanks,
Richard

[Ambica]

Hi Richard,

its a nice post.I loved it.it saved my valuable time..
is it possible to expand matched node and collaps non-matched nodes ??

[Richard]

Hi Ambica:

This fork shows how to expand to the matching nodes and collapse non-matching.

http://jsfiddle.net/RichardAD/FUW4A/ 

[David]

Excellent examples.  Thanks!

[Matt]

Hi RichardAD,

Thanks for your solution. It is working like a charm.

However, I just want to extend the same little bit. Can we highlight all occurrences of the search term in node text, instead of only first occurrence ?

http://wowmotty.blogspot.in/2011/10/get-all-indexof-search-string.html
This may help you to get all indexes of the occurrences in the text.

Thanks in advance.

Waiting for your reply.

[Richard]

Hi Matt:

The sample code has been updated to highlight all match occurrences.

Richard

[Matt]

Hi RichardAD,

Thanks for your reply.

Your solution is working like a charm.

Thank you so much.