[Prototype.js] Drag-and-drop Tree, Drzewko drag&drop oparte na prototype.js Opcje

[prond]

Wiatm,

chciałbym wam pokacac moje drzewko drad-and-drop oparte na porototype.js i script.aculo.us.

http://weblog.axent.pl/examples/js.drag-drop-tree/

Wymaga jeszcze sporo pracy, miedzy innymi:
- wstawianie elementow nie tylko 'pod', ale i 'za'
- expandAll
- collapseAll

Mile widziane dalsze sugestie co do rozwoju.

[Moli]

Hmm ja tam żadne d&d nie widze. Czysta lista w html. Kod JS jakis tam jest,ale widok (u mnie w Operze) to czysta lista w html.

[nospor]

@Moli bo jest blad w js w operze, stad nic nie widzisz

@prond ostatnia wlasciwosc obiektu nie powinna konczyć się ","
czyli nie:

Kod

obj = {w1:1, w2:2,}

a:

Kod

obj = {w1:1, w2:2}

A gdzie? To juz sobie poszukaj

[Moli]

@Nospor - Masz racje, w FF działa. Ale co to za kod, co nie działa w każdej nowej przeglądarce

[prond]

@nospor : Dzieki
@Moli : po to między innymi wrzucilem to tuaj - zeby wylapac bugi.

[Seth]

Ciekawe ale wrzuc wszyskie elementy do jednego katalogu i sprobuj z powrotem ustawic je jako katalogi glowne

[prond]

@Seth, wiem - pracuje jeszcze nad wrzucaniem elementu 'za danym'. Jutro powinno to działać. Alternatywą jest blokowanie ROOTa przed przeciaganiem - dzieki temu bedzie mozna wrocic do stanu wyjsciowego.
Edit:
Dodałem właśnie wstawianie elementu 'za danym'.
Jezeli ikonka folderu ma ramke tylko pod to przenoszony element zostanie wstawiony _za_. Jezeli ikonka folderu ma ramke pod i z prawej to element zostanie wstawiony _pod_.

Dodałem callback z wywolaniem AJAX po przeniesieniu elementu.

Odświeżam temat - drzewko js jest już prawie na wykończeniu.
Pozwala obecnie na:
- upuszczanie elementu pod danym elementem
- upuszczenie elementu za danym elementem (można to wyłączać)
- serializację struktury drzewa
- dodanie callbacków przed i po upuszczeniu elementu
- pare innych

Bardzo proszę o uwagi i sugestie co do rozwoju funkcjonalności.

Ten post edytował prond 5.12.2007, 14:00:07