[jQuery] Sortowanie elementów metodą drag & drop, Sortowanie w obrębie gałęzi listy Opcje

[grzesiek_g]

Witam

Do sortowania elementów metodą drag & drop używam jQuery UI sortable. Świetnie działa to na listach o płaskiej strukturze typu ul > li czy wiersze tabeli. Jednak mam problemy przy rozbudowanej liście z zagnieżdżonymi listami typu: ul li ul li ....
Chcę aby sortowane elementy mogły być przenoszone tylko w obrębie jednego elementu nadrzędnego w tym samym poziomie, np przy strukturze:

Kod

laptopy
    hp
       15''
       17''
    acer
       17''
       15''
telefony
    nokia
        e51
        n95
    samsung

Chcę by możliwe było sortowanie "najgłębiej położonych list", czyli 15'', 17'' w obrębie hp; 15'', 17'' w obrębie acer; e51, n95 w obrębie nokia. A także list: hp i acer w obrębie laptopy i nokia, samsung w obrębie telefony. Również zmiana kolejności list nadrzędnych laptopy i telefony. Z założenia nie wiem ile będzie kategorii, ile będzie poziomów.
A może użyć do tego innego pluginu jQuery?

Ten post edytował grzesiek_g 13.07.2009, 12:35:05

[vokiel]

Sprawdzałeś opcje typu: connectWith, containment

[grzesiek_g]

Wielkie dzięki za pomoc, przeoczyłem opcję containment: parent, jeszcze muszę zobaczyć co nie tak z sortowaniem elementów najwyższego poziomu, ale to chyba tylko kwestia małej zmiany w kodzie HTML.

[jacekplacek123]

Podłączę się pod pytanie.
Mam taką samą listę:

[PHP] pobierz, plaintext 
laptopy
    hp
       15''
       17''
    acer
       17''
       15''
telefony
    nokia
        e51
        n95
    samsung
[PHP] pobierz, plaintext 

ale od strony kodu wygląda ona tak:

[HTML] pobierz, plaintext 
 <p class="wciecie1">laptopy</p>
<p class="wciecie2">hp</p>
<p class="wciecie3">15''</p>
<p class="wciecie3">17''</p>
<p class="wciecie2">acer</p>
<p class="wciecie3">17''</p>
<p class="wciecie3">15''</p>
<p class="wciecie1">telefony</p>
<p class="wciecie2">nokia</p>
<p class="wciecie3">e51</p>
<p class="wciecie3">n95</p>
<p class="wciecie2">samsung</p>
[HTML] pobierz, plaintext 

Niestety nie mogę przerobić HTML. W jaki sposób zrobić sortowanie?

[niebieszki]

Dlaczego nie możesz przerobić html?

Przecież jquery pozwala ci na to bez ingerencji w kod.

Poczytaj sobie o fukncjach append() i html(). Za ich pomocą będziesz mógł dodać znaczniki ul i li za pomocą javascripta a potem już takie samo rozwiązanie jak u grześka.