Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Prototype.js] Drag-and-drop Tree
Forum PHP.pl > Inne > Oceny
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 winksmiley.jpg
Moli
@Nospor - Masz racje, w FF działa. Ale co to za kod, co nie działa w każdej nowej przeglądarce smile.gif
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 snitch.gif
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2019 Invision Power Services, Inc.