Confirm jQuery sortable receive event -


i have 2 separate ul lists: list-a , list-b

both of them sortable jquery ui plugin.

users of project i'm working on wants confirm action when items moved 1 list other, not when moving within same list. when action triggered, page launch ajax request server update positions of list(s).

what's troubling me order of events. experience far update event triggered before receive event before confirm dialog shown, request has been initiated.

unfortunately forget of lists trigger request in case not matter: if item dragged onto list, nothing should sent server until user has confirmed action.

i've used jquery quite bit think use on one.

javascript:

$('.sortable').sortable({     start: function (event, ui) {         $(ui.helper).addclass("sortable-drag-clone");     },     stop: function (event, ui) {         $(ui.helper).removeclass("sortable-drag-clone");     },     update: function (event, ui) {          if ($(ui.sender).length == 0) {             alert("item moved within same list.");             //make request         } else {             //do nothing.         }     },     receive: function (event, ui) {         if (confirm("show move or copy dialog, {0} {1}")) {             //do request         } else {             $(ui.sender).sortable("cancel");             //no request         }     },     tolerance: "pointer",     connectwith: ".sortable",     placeholder: "sortable-draggable-placeholder",     forceplaceholdersize: true,     appendto: 'body',     helper: 'clone',     zindex: 666 }).disableselection(); 

markup:

<div id="list-a">     <ul class="sortable">         <li>item 1</li>         <li>item 2</li>         <li>item 3</li>     </ul> </div> <div id="list-b">     <ul class="sortable">         <li>item 1</li>         <li>item 2</li>         <li>item 3</li>     </ul> </div> 

update:

scenario i) user drags a1 a3 - result no confirm dialog request sent server new sort order persisted.

scenario ii) user drags a1 b3 (or b3 a1) - result confirm dialog , then, if dialog accepted, request sent server. i've settled 2 requests described in 1 of comments.

you don't need update method then, remove it! example link.


Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -