JQuery sortable, reset pozic – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dobrý den,

rád bych vás poprosil o malou radu s jQuery sortable.

$("#sortableGalerie").sortable({containment: 'document', tolerance: 'pointer',
                                    cursor: 'pointer', opacity: 0.60,
                                    update: function(event, ui) {
                                                                                
                                        var list = [];
                                        $("#sortableGalerie li").each(function() {
                                            list.push($(this).attr('idNumber'));    
                                        });
                                        var listString = list.toString();
                                        console.log(listString);
                                        
                                        $.nette.ajax({
                                            type: 'GET',
                                            url: "?do=changeOrder",
                                            data: {
                                                list: listString
                                            },
                                        });
                                    }
                         });

Před změnou jsou prvky seznamu uspořádané takto: 1, 2, 3, 4, 5 ...

Když přehodím první dva prvky: 2, 1, 3, 4, 5

Teď, když znovu prohodím první dva prvky, bude to vypadat zase takto: 1, 2, 3, 4, 5

Dává to smysl. Ale já bych potřeboval, aby se to chovalo trošku jinak. Aby se po každé změně resetovali pozice, tedy aby to vypadalo takto:

• první prohození prvních dvou prvku 2, 1, 3, 4, 5
• druhé prohození prvních dvou prvku 2, 1, 3, 4, 5 (je to stejné, protože se provedla stejná změna, prohodily se první dva prvky)

Doufám, že je to alespoň trochu pochopitelné.

Pokud někdo zná nějaký sortable přepínač, který tohle řeší, byl bych moc rád. Zatím procházím dokumentaci, ale nemám řešení.

Děkuji za rady.

Nevím jestli jsem tě pochopil správně, snad ano. Předpoklad pro správnou funkci mé úpravy je, že idNumber je pouze číslo položky (vždy číslované od 1), které říká, kolikátá ta položka je. Jestli je to nějaký identifikátor pro server - jak jsem si z počátku myslel - tak jsem tě pochopil špatně a má úprava ti nebude k ničemu.

$("#sortableGalerie").sortable({containment: 'document', tolerance: 'pointer',
	cursor: 'pointer', opacity: 0.60,
	update: function(event, ui) {
		var list = [];
		var tmp;

		$("#sortableGalerie li").each(function(i) {
			tmp = $(this);
			list.push(tmp.attr('data-id-number'));
			tmp.attr('data-id-number', i + 1);
		});

		var listString = list.toString();
		console.log(listString);

		$.nette.ajax({
			type: 'GET',
			url: "?do=changeOrder",
			data: {
				list: listString
			}
		});
	}
});

Jediné co jsem udělal je, že po zapsání položek do seznamu přepisuji jejich IDčka, aby odpovídali jejich novým pozicím. BTW, idNumber jsem si změnil na data-id-number.

#2 NeregistrovanyHookyns
Díky. Pořád jsem hledal řešení přímo v jQuery sortable a přitom stačila taková jednoduchá  úprava.

Ještě jednou díky, ušetřil si mi spoustu času.

V pohodě, nemáš za co, rád pomůžu. :)

Bohužel je to chyba spousty "JavaScripterů". Dnes všichni říkají ať používáte knihovny, proč si něco sakra píšete sami? Pak bohužel vznikají tyto situace, kdy si prostě neporadíte, protože jste na ty knihovny až moc fixovaní a nemáte základy.

Trošku OT:
Kvůli době knihoven přibývá počet "JavaScripterů", ale ne počet JavaScripterů. To je taky důvod, proč jsem pod nabídkou JavaScript Programátor našel popis spíše HTML kodera, který jen sem tam zavolá např. .fade() z jQuery. :D A důvod, proč opravdový JavaScript programátor, který se v JS zabývá OOP a řeší výkon aplikace, dostává cca 100 000 Kč/měsíc. Já jsem za to jen rád. :D Jen si potom kodeři myslí, že jsou JS developeři a znalost JS upadá, což už je k zamyšlení.