24 Jun 2013 4:54 AM #21
What you mean - "I need to make second touch to drag and drop". Please describe you workflow
24 Jun 2013 6:43 AM #22
I have hidden empty draggable container initialized.
When I'm catching ontouchstart event on list item, I copy it to this hidden container (inner HTML and XY coordinates).
Then hidden container is added to the viewport and shows.
But it doesn't move even if I continue motion. When I touch it one more time it is dragged and move and works fine.
I need a simple thing: handle sliding list items to panels on the right and left sides.
24 Jun 2013 7:32 AM #23
I think you should make Draggable your initial list items (not created in hidden container).
And make a Droppable containers where you want to catch a drop events.
On dragstart event you can add style "overflow: visible" to you List component style, after that you can see your dragged list items out of List (if you drag them out of List).
And again, I suggest you to use official Draggable and Droppable.
25 Jun 2013 1:27 AM #24
Thanks Kostysh for your showcase.
Do you have an example how to use the official droppable class successfully?
25 Jun 2013 1:47 AM #25
thread about it still not closed.
this.mgr = Ext.util.Observable.observe(Ext.util.Draggable);
Also faced with an error with you plugin, it crashes in the same enable: function() if I have on page other containers, that listen to 'dragstart' event. Now I'm researching for the detais.
25 Jun 2013 3:35 AM #26
25 Jun 2013 4:02 AM #27
the class Ext.util.Droppable of st 2.2.1 still has some bugs, as also in the bug section of this forum reported.
I've seen the source code. I think I will keep using your library, as long sencha hasn't fixed that issue.
2 Mar 2014 10:31 PM #28
hi kostysh, how implement drag only on taphold?
i have similar scenario dragging items to change order & save.
Now i have to implement "taphold/longpress" dragging event. Only in taphold/longpress only user can able to drag it. please suggest me. share some code snippet.