Łukasz Fiłyk

Łukasz Fiłyk Programista PHP

Temat: sortable - powiązanie elementów

Witam,
używam jQuery i pluginu UI do robienie sortowania elementów - sortable.

Chciałbym uzyskać taki efekt iż na stronie mam DWIE listy ul których elementy można sortować. Chciałbym osiągnąć taki efekt, że gdy przesuwam element w jednej liście to takie same działanie robi się na 2-giej liście, czyli UL1LI1 zmienia pozycję na UL1LI2 to w tym samym czasie
UL2LI2 zmienia pozycję na UL2LI2.

Czy jest jakiś prosty sposób powiązania tego?

konto usunięte

Temat: sortable - powiązanie elementów

Czy nie można się podpiąć pod domyślne eventy i po selektorze wywoływać odpowiednie metody na drugiej liście? Nigdy nie używałem sortable, ale wiem, że komponenty jQueryUI mają dobre API.

konto usunięte

Temat: sortable - powiązanie elementów

Można, spokojnie można. Oznacz sobie każdy element jakoś i tyle. Masz eventy na złapanie elementu, przesunięcie, opuszczenie itp.
http://jqueryui.com/demos/sortable/

Zakładka events. Po prostu dopisz odpowiedni kod. W JS możesz za pomocą "ui" (z przykładów, zmienną możesz sobie nazwać jak chcesz) oraz "this" dowiedzieć się wszystkiego co chcesz na temat elementów na jakich operujesz.
Łukasz Fiłyk

Łukasz Fiłyk Programista PHP

Temat: sortable - powiązanie elementów

Akurat porzuciłem takie rozwiązanie :)

Zrobiłem jedną listę (nawigator) która jest sortowana, następnie po zmianie pozycji w nawigatorze pobieram nową kolejność do tablicy

var new_order= $('#sortable').sortable('toArray');


Później:

.each(new_order, function(k, index) {
if (k!=0){
$("#" + index.replace("ui_sortable","li_")).insertAfter($("#" + old.replace("ui_sortable","li_"))); }
old=index;
});


No i działa. To nie jest to o co pytałem ale stwierdziłem, że zbyt dużo namiesza w funkcjonalności strony.Łukasz Fiłyk edytował(a) ten post dnia 05.07.12 o godzinie 15:57



Wyślij zaproszenie do