jQuery - How to create TreeView Menu from Array of Strings

Question

I have an Array. The elements of this array is actually string paths to items:

Category1/subCategory1/item1
Category1/subCategory1/item2
Category1/subCategory1/item3
Category1/item4
Category2/item5
Category2/item6
Category3/subCategory3/item7
Category3/subCategory3/item8
item9
item10

I want to use jQuery to convert this to a TreeView menu. I did it with servercode both in PHP & ASP.NET C#, but just couldn't figure out how to achieve the same just using jQuery without any backend code involved.

Can someone here point me in right direction...

Thanks.

Could you post your C#/PHP/ASP.NET code?

Blender
– Blender

2011-03-14 03:45:05 +00:00
Commented Mar 14, 2011 at 3:45 — Blender
– Blender, Commented Mar 14, 2011 at 3:45

JasCav · Accepted Answer · 2011-03-14 04:07:52Z

1

I think you'll want to use jsTree to help you out here. jsTree is a tree view that is done entirely in JavaScript. It has a well-defined structure for populating the tree (JSON, HTML or XML data structure) and you can easily take those strings (within the array) in jQuery, convert them to the appropriate structure, and then have jsTree build based on your new structure.

answered Mar 14, 2011 at 4:07

JasCav

34.7k21 gold badges117 silver badges175 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amoha Over a year ago

Thanks... sounds like jsTree is the way to go. I am going to try sometime this week and keep posted....

Collectives™ on Stack Overflow

jQuery - How to create TreeView Menu from Array of Strings

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related