Przedstawiam jQuery UI Sortable
Konkretnie multi sortowanie
Jaśniej:
Każdy box ma swoje dzieci, które można sortować, zależnie od tego czy wstawi się do pola dzieci id, który definiuje sortowanko

Jak narazie jest taki pomysł:

[HTML] pobierz, plaintext 
<div style="width: 300px;" id="sRs">
	<div class="Panel" id="sR1"><div class="PanelName">Rodzic 1</div>
		<div class="Panel" id="sD1"><div class="PanelName">Dziecko rodzica ma swoje dzieci</div>
			<ul>
				<li>Dziecko</li>
				<li>Dziecko</li>
				<li>Dziecko</li>
			</ul>
		</div>
		<div class="Panel" id="sD2"><div class="PanelName">Dziecko rodzica ma swoje dzieci</div>
			<ul>
				<li>Dziecko</li>
				<li>Dziecko</li>
				<li>Dziecko</li>
			</ul>
		</div>
 
	</div>
 
	<div class="Panel" id="sR2"><div class="PanelName">Rodzic 2</div>
		<div class="Panel" id="sD1"><div class="PanelName">Dziecko rodzica ma swoje dzieci</div>
			<ul>
				<li>Dziecko</li>
				<li>Dziecko</li>
				<li>Dziecko</li>
			</ul>
		</div>
		<div class="Panel" id="sD2"><div class="PanelName">Dziecko rodzica ma swoje dzieci</div>
			<ul>
				<li>Dziecko</li>
				<li>Dziecko</li>
				<li>Dziecko</li>
			</ul>
		</div>
 
	</div>
</div>
 
[HTML] pobierz, plaintext 

Da się do tego kodu jakoś ułożyć jQuery UI Sortable?

Thx z góry

Ale, że o co chodzi ?

Hmm, trochę ciężko to wytłumaczyć ale spróbuję.


Poprawny jest to dział.
Po tym obrazku będzie wiadomo o co chodzi:
- Jeśli chcę przenieść 'Kategoria' to przenoszę jej podkategorie
- Jeśli chcę przenieść jedną z podkategorii np. 'SubKategoria1' do 'Kategoria->Podkategoria' to normalnie to się robi, w sensie, że tylko ten item się przenosi

Chyba nie będzie łatwo coś takiego zrobić w jQuery tak, aby nie było zbyt dużo 'bugów', bo jeśli będę chciał ustawić 'SubKategoria1' jako Podkategorię to będzie całkiem nieoczekiwany rezultat. Budowa tych kategorii jest na zasadzie ul, li

Kod źródłowy:

[HTML] pobierz, plaintext 
<div class="Panel" style="margin-bottom: 5px;"><div class="PanelName">Poprawny</div>
	<ul style="margin-left: 10px;"> 
		<li>Kategoria
		<ul style="margin-left: 10px;"> 
			<li>PodKategoria1
			<li style="padding-left: 10px;">SubKategoria1</li> 
			<li style="padding-left: 10px;">SubKategoria</li> 
			</li>
		</ul> 
		<li style="padding-left: 10px;">PodKategoria2</li> 
		</li>
	</ul> 
	<ul style="margin-left: 10px;"> 
		<li>Kategoria
		<li style="padding-left: 10px;">Podkategoria</li> 
		</li>
	</ul> 
</div>
[HTML] pobierz, plaintext 

Nie twierdze, że to jest napisane bezbłędnie
Ale żeby zachować ten wygląd wstawiłem już li w li jak widać w kodzie.