Richard Wöber rwoeber

Nestable, sortable and dragable categories:

In the project I'm working on we wanted to have a Category model which we wanted to be nestable. But we also liked the user to have a draggable interface to manage and rearrange the order of his categories. So we chose awesome_nested_set for the model and jQuery.nestedSortable for the UI.

It took me some time to arrange things to work properly so I wanted to share my work in case it helps anybody.

Before beginning

you might want to take a look at a demo app

go to: http://awesomenestedsortable.heroku.com/groups/
click in show of any group

	<div id="menu">

	<ul id="nav">
	<li><a href="#">Menu 1</a>
	<ul>
	<li><a href="#">Menu 1 Submenu item 1</a></li>
	<li><a href="#">Menu 1 Submenu item 2</a></li>
	<li><a href="#">Menu 1 Submenu item 3</a></li>
	</ul>
	</li>

	a=b=c=(1..100).each do \|num\|
	print num, ?\r,
	("Fizz" unless (a = !a) .. (a = !a)),
	("Buzz" unless (b = !b) ... !((c = !c) .. (c = !c))),
	?\n
	end