Cambiare il comportamento di ordinamento per jQuery ordinabili

Question

Ho un ordinabile come il secondo esempio in questa pagina:

http://jqueryui.com/demos/sortable/items.html

Il ordinabili è un mix di obiettivi:

• quelli che possono essere prese e riorganizzato
• Articoli disattivati, che non possono essere prelevati (ma sono obiettivi di rilascio).

Il problema è nel modo in cui il componente interpreta la mia intenzione sull'ordinamento. A titolo di esempio raccogliendo il primo elemento del seguente elenco e trascinandolo alla quarta posizione sarà simile a questa:

A B C X X ==> B C X A X

Ecco le X indicano le voci disabili.

Nella mia applicazione vorrei che il comportamento di smistamento fosse diverso. Quando un bersaglio viene raccolto e piazzato su un oggetto disabile (una X), l'elenco non deve spostarsi per accogliere il bersaglio, ma il bersaglio e l'oggetto disabile dovrebbero scambiare le posizioni.

Utilizzando lo stesso esempio di prima (trascinamento dal 1 ° al 4 °):

ABCXX ==> XBCAX

Se la destinazione di rilascio è normale (cioè non disattivato) il comportamento dovrebbe essere la stessa di prima (trascina dal 1 al 3):

ABCXX ==> BCAXX

Pensate a come voler ri-organizzare appuntamenti in un calendario, quando si sceglie uno su da una data e cadere in una data vuota , non vorrai gli altri appuntamenti mescolare per un giorno.

Answer 1

Ho messo insieme un jsfiddle con la funzionalità desiderata.

Fondamentalmente mi lego alla funzione di modifica di ordinabile e controllo per vedere se l'elemento che l'helper ha appena passato è disabilitato. Se lo è, sposto quell'elemento dal punto di partenza dell'helper.

Ecco la jsfiddle http://jsfiddle.net/YjhzR/3/

Spero che questo aiuti!

Aggiornamento:

http://jsfiddle.net/YjhzR/6/

Answer 2

Questa non sarà esattamente una risposta alla tua domanda, ma penso che non dovresti forzare l'uso di una soluzione pronta quando non si adatta al caso.

Penso che dovresti creare il tuo controllo per mantenere gli elementi e usare i draggable di jquery-ui per implementare il comportamento. Il tuo usecase differisce dall'esempio in alcune logiche di base del comportamento.

Sarebbe utile anche per il futuro, se si ottengono più requisiti.