1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    20
    Vote Rating
    0
    Vishvesh is on a distinguished road

      0  

    Default Unanswered: Portlet is dragged when clicked on body. Need to disable it.

    Unanswered: Portlet is dragged when clicked on body. Need to disable it.


    Hello guys,

    I followed the Portlet demo for extjs 4.0.7..

    My portlets are dragged and I can drop them in any columns. But they can be dragged even when I click on the portlet's body.

    Is there some configuration where I can disable the body drag? and just set it to the header drag?

    Currently I can drag using both, header and body(which was the default behavior) ever since I've configured it for my app.

    UPDATE : When I have my mouse button clicked on the body, I see a new 'div' being created with a class 'x-panel-dd-spacer'.... Now is this a proxy or something that is being created here? How am I supposed to restrict the creation of this new div?

    Any help would be appreciated.
    Thanks.

  2. #2
    Sencha User
    Join Date
    Mar 2013
    Posts
    20
    Vote Rating
    0
    Vishvesh is on a distinguished road

      0  

    Default Any Ideas on what might be wrong?

    Any Ideas on what might be wrong?


    Sorry for bumping this topic.. Any help on this guys?

  3. #3
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Vote Rating
    27
    Answers
    106
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    Take a look a the docs for Ext.panel.Panel's draggable config.

  4. #4
    Sencha User
    Join Date
    Mar 2013
    Posts
    20
    Vote Rating
    0
    Vishvesh is on a distinguished road

      0  

    Default


    Hi Friend,

    Thank for pointing out the docs..

    In my case, all I see is a div created with the id I specify, so can I tweak the code from docs
    Code:
    draggable: {         delegate: 'h1'     }
    to something like this ?
    Code:
    draggable: {         delegate: 'div id="myId"'     }
    Or will I explicitly have to create a h1 or some other tag to have it do that?
    I also saw the code in ext-all-debug : Ext.define('Ext.dd.StatusProxy', { : But this is triggered when I click on the body Not sure why :| Maybe I need an upgrade from 4.0.7 to 4.2 or something.
    Thanks.

Thread Participants: 1

Tags for this Thread