PDA

View Full Version : Floating absolute panel and drag and drop



peka
13 Aug 2012, 2:35 AM
Hello,

i made a drag a drop implémentation from a classical panel to a panel with a 'floating : true' property and an absolute postion style.



floating : true,
style : { position : 'absolute' },


on this panel I define a droptarget



defineDropability : function() {
var me = this;
new Ext.dd.DropTarget(this.getEl(), {
ddGroup : 'app_icon',
notifyDrop : function(source, event, data) {
//do something
},
notifyEnter : function(source, event, data) {
//do something else
},
notifyOut : function(source, event, data) {
//do something else
}
});
},


if call this method on render :



var me = this;
me.on('render', function() {
me.defineDropability();
}, me);



when i use this code on chrome or firefox the notifyXXXX() methods are called.
On other panel with 'floating : false' and non absolute posstion it work on IE9
when i do the same thing whith IE9 methods are never called.

Did i somthing wrong ? or is there a workaround to fix this problem ?

Thanks a lot for your help.

aryl
13 Aug 2012, 7:17 AM
i got the same problem, I'm interrested in a solution too.