1. #21
    Sencha User kostysh's Avatar
    Join Date
    Nov 2011
    Location
    Odessa, Ukraine
    Posts
    175
    Vote Rating
    19
    kostysh will become famous soon enough kostysh will become famous soon enough

      0  

    Default


    What you mean - "I need to make second touch to  drag and drop". Please describe you workflow

  2. #22
    Sencha User
    Join Date
    Jun 2013
    Posts
    4
    Vote Rating
    0
    Denis.M is on a distinguished road

      0  

    Default


    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.

  3. #23
    Sencha User kostysh's Avatar
    Join Date
    Nov 2011
    Location
    Odessa, Ukraine
    Posts
    175
    Vote Rating
    19
    kostysh will become famous soon enough kostysh will become famous soon enough

      0  

    Default


    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.

  4. #24
    Sencha User
    Join Date
    Apr 2012
    Location
    Linz, AT
    Posts
    31
    Vote Rating
    1
    drindal is on a distinguished road

      0  

    Default


    Thanks Kostysh for your showcase.

    Do you have an example how to use the official droppable class successfully?

  5. #25
    Sencha User
    Join Date
    Jun 2013
    Posts
    4
    Vote Rating
    0
    Denis.M is on a distinguished road

      0  

    Default


    Quote Originally Posted by kostysh View Post
    And again, I suggest you to use official Draggable and Droppable.
    Have tried to do this, but bug with obsolet method observe still has not fixed and thread about it still not closed.
    Code:
    this.mgr = Ext.util.Observable.observe(Ext.util.Draggable);
    in line 212 Droppable.js crached with error.

    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.

  6. #26
    Sencha User kostysh's Avatar
    Join Date
    Nov 2011
    Location
    Odessa, Ukraine
    Posts
    175
    Vote Rating
    19
    kostysh will become famous soon enough kostysh will become famous soon enough

      0  

    Default


    do not worked with official Droppable yet, but I think this util should work in same way.
    in any case - source code is available, you can look into sources and learn how component works.

  7. #27
    Sencha User
    Join Date
    Apr 2012
    Location
    Linz, AT
    Posts
    31
    Vote Rating
    1
    drindal is on a distinguished road

      0  

    Default


    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.

    Thanks.

  8. #28
    Sencha User
    Join Date
    Nov 2013
    Posts
    45
    Vote Rating
    1
    anilvardhan.p is on a distinguished road

      0  

    Default hi kostysh, how implement drag only on taphold?

    hi kostysh, how implement drag only on taphold?


    Hi
    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.