PDA

View Full Version : Drag & Drop slow due to big DOM



Dirkos
31 Mar 2011, 11:55 PM
Hey Guys,

I have a small problem with my drag&drop functionality at our website. At my local development part the DD works perfectly but now since i inserted it in the application its very very slow. I tried it even in Google Chrome but the browser cant keep up with it.

The thing is that i can drag my mouse outside the dragzone. When this happens its lagging. The code i use for this looks like this:



onAfterLocationFieldsetRender: function(){
Ext.Hardware.prototype.afterRender.apply(this, arguments);
var container = this.getEl();
this.tpl.append(container, this);
var items = container.select('div.draggable');
items.each(function(el, ce, index) {
el.dd = new Ext.dd.DDProxy(el.dom.id, 'x-box-icthardwaredrag', {
centerFrame: false
});
})
}


I think it has something todo with the big DOM tree. Anyone who knows how i can improve this?

mankz
3 Apr 2011, 10:59 AM
Looks like you should use a DragZone instead of creating multiple draggable items...