1. #1
    Ext User mark.lozano's Avatar
    Join Date
    Jun 2007
    Posts
    17
    Vote Rating
    0
    mark.lozano is on a distinguished road

      0  

    Default Scriptaculous Drag/Drop across BorderLayout panels

    Scriptaculous Drag/Drop across BorderLayout panels


    I am testing out some of the functionalities of some of the libraries available to me at work, in my off time. So I decided to see how easy drag and drop is with Scriptaculous. It was super easy:


    As you can see you can easily drag items from the left to the drop target on the right.

    Then I decided to try out the layout stuff from Ext JS. I essentially just added a layout method and tossed the appropriate divs in their spots:


    As you can see, in the page with the layout, the items I drag do not visibly cross the slider boundary. The drop event is still doing its thing (I guess based on mouse position), but the dragged item doesn't make it all the way. My assumption is that the ContentPanel has it's overflow set to hidden ... and probably for good reason.

    Does anyone have any ideas how I might be able to fix this? Is there a setting on the ContentPanel or the layout that I am missing?

    Any help would be greatly appreciated.

  2. #2
    Ext User mark.lozano's Avatar
    Join Date
    Jun 2007
    Posts
    17
    Vote Rating
    0
    mark.lozano is on a distinguished road

      0  

    Default


    Also, I'd be willing to use the Ext JS drag and drop stuff. But I can't find a simple and clean example of how to use it. That's where Scriptaculous shined for me.

    If anyone can show me the equivalent in Ext I'd be happy to use it.
    - Mark Lozano

  3. #3
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,004
    Vote Rating
    650
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I had a similar problem using JQuery. You need to set the z-index of your drag proxies reasonably high (try 12000 to begin with).

  4. #4
    Ext User
    Join Date
    Aug 2007
    Posts
    3
    Vote Rating
    0
    anandr is on a distinguished road

      0  

    Default


    Did you figure out how to make this work? Setting the z-index of the linked element to a high number did not seem to work for me. Any help or alternate solution is much appreciated.
    AR

  5. #5
    Ext User
    Join Date
    Apr 2008
    Posts
    9
    Vote Rating
    0
    karel-jan is on a distinguished road

      0  

    Default


    Did anyone find a sollution to this problem? Because I'm havving the same problem.
    And z-index isn't working.

    Thanx

  6. #6
    Ext JS Premium Member
    Join Date
    Nov 2009
    Posts
    1
    Vote Rating
    0
    enlaan is on a distinguished road

      0  

    Default


    I'm stuck with the same problem.
    Did anyone find a way around it ?
    regards