Comments (7)
I could not understand exactly whats the issue is. Can you make a demo on jsfiddle.net?
from angular-dragdrop.
http://jsfiddle.net/cirdes/sHzma/
This is a basic example to show the issue. If you drag the first box and change it's position with the third box when the stop callback is fired my list still ["one", "two", "three", "four", "five", "six"] but it supposed to be ["three", "two", "one", "four", "five", "six"]
from angular-dragdrop.
Okay. That is because in jQueryUI, draggable's stop event fires before drop event. What exactly are you trying to do with this?
from angular-dragdrop.
@codef0rmer, every element on my list represents an model in my backend. An user reorder the list by dragging the elements and the next time he visits the page, the list are on the same order that he left.
I was using the stopCallback to send the current order to my server.
from angular-dragdrop.
Why do not you then send the current order to your backend on drop event?
Still if you want to send the data from stopCallback, put a timer there... send data after a second or so (but it wont be accurate because I'm passing 'fast' to animate function)
from angular-dragdrop.
You are right, i just change the callback to drop event and now is working fine.
http://jsfiddle.net/cirdes/sHzma/1/
Thanks
from angular-dragdrop.
Glad it worked. :-)
from angular-dragdrop.
Related Issues (20)
- Center Draggable element in DropZone HOT 2
- Hi, HOT 1
- Support for SVG elements
- Suggestion
- Resetting elements to original position?
- drag works but drop doesn't work HOT 1
- Drop cloning the items in container with both dragable and droppable HOT 1
- Draggable not working on <tr>
- dynamically created div is not draggable HOT 1
- How can i get the coordinates of div while dragging HOT 1
- Does not work when compile-time debugging is disabled
- Dragable Control HOT 1
- I am not able to edit text by clicking on it when data-drag ="true", contenteditable="true"
- Drop and add item in Array
- How to use it in ionic project?
- Memory Leak with dynamic dom content
- scrollbar bug in shopping cart demo HOT 1
- onDrop event
- onDrag/onStart not applying stlyle until released
- drag and drop is not working with new jquery/jquery-ui -1.13.2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-dragdrop.