asked on

jquery drag and sort

Hi, we're developing an online store. In this site we will have a tree kind of categories, i.e. we will have categories, with sub categories etc etc so basically there's going to be an unlimited number of levels in this child-parent relation.

See attached image to have a better idea of the tree of categories.

We need a JQuery kind of friendly module for the backend (CMS) that will help the website admin manage these category tree in a very user-friendly way, preferrably by drag-and-drop.

Any suggestions, snippets, where can we get this from??

Thanks

category-tree.jpg

Terry_focus

Hi,

There is this feature as part of jQuery UI, this example shows you how to drag and sort list items

http://jqueryui.com/demos/draggable/#sortable

Gagik

ASKER

Yes but here you don`t have different levels, I mean no tree-view if you know what i mean. So this one doesn`t work

Terry_focus

Hi,

I understand, but can you not just nested ul tags, So only items in one list can be sorted?

Gagik

ASKER

I see get your point but this is not enough for us. We really need a tree sorting. Look at the attached picture - this is exactly how we need it. So not only sort horizontally but we also need to be able to kind of move them to the right one nutch at a time in order to link it to the previous item which will become the parent.
Untitled-1.jpg

Terry_focus

Hi,

I can't see a pre-made plugin that would do this for, they're plenty of badly made scripts but I can't see anything that looks well tested.

I think you can achieve what you need using the 'connectToSortable' feature to link lists. If you up the points I'll have go at an example for you.

ASKER CERTIFIED SOLUTION

Gagik

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Terry_focus

Yeah, that would do it, looks well done.