1. #1
    Sencha User
    Join Date
    Mar 2009
    Posts
    5
    Vote Rating
    0
    ChrisJackson is on a distinguished road

      0  

    Default Unanswered: Problem with constraining drag and drop panel

    Unanswered: Problem with constraining drag and drop panel


    I'm using a custom drag and drop similar to the example found here (http://docs.sencha.com/extjs/4.2.2/e...dropzones.html). However I need to allow the drag and drop panel to move outside the window area since the panels are reasonably large, and as it currently stands it's not possible to drop onto a dropzone that's toward the bottom of the panel.

    From what I can tell, the constrainTo method should do this, and it has a parameter inContent, which if set to false, I believe should allow the panel to move outside the drop panel. However, looking at the source, this parameter doesn't seem to be used (presumably a bug?) and I've been unable to work out how to change this behaviour. Does anyone have any ideas?

    Thanks
    Chris

  2. #2
    Sencha - Support Team
    Join Date
    Feb 2013
    Location
    California
    Posts
    3,095
    Answers
    129
    Vote Rating
    59
    Gary Schlosberg has a spectacular aura about Gary Schlosberg has a spectacular aura about Gary Schlosberg has a spectacular aura about

      0  

    Default


    I tried but wasn't able to recreate the behavior you are describing using the example to which you linked. Sounds like it could be a bug, but a little hard to say. Can you post a test case which reproduces the issue?https://fiddle.sencha.com/#home
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

  3. #3
    Sencha User
    Join Date
    Mar 2009
    Posts
    5
    Vote Rating
    0
    ChrisJackson is on a distinguished road

      0  

    Default


    Thanks for the reply.The easiest thing (for me at least ) is to point you at my project -:
    https://github.com/cdjackson/ExtBlockly
    Creating a cut down fiddle might be difficult, so I hope that this is ok?

    If you can grab this, and then open the index.html that's in the Extjs folder. This should open the app. Then, if you try and drag one of the blocks from the accordion on the left into the right (centre) panel, if you try and move it down below the panel boundary it is constrained. Use the large block (the if then else block) - it's more obvious.

    I've tried various options with the constrain: false setting, or constrainTo - they all tend to do 'something', but not what I'd like (ie to stop the constraint). This is around line 100-110 - the signs of my experimentation are still there if you want to have a play.

    Cheers
    Chris

Thread Participants: 1