View Full Version : How to find the component object of drop(mouse) over position

Periyasamy A
4 Jan 2013, 4:32 AM
I need to find specific component on mouse over in my designer panel the mouse over is happen when drop the object(onNodeOver method)

drop the drag object if find component is container or panel or field set otherwise drop will be cancelled
dsignerDropZone : function(dsignerPanel) {
var me = this;
var dsignerPanelTargetEl = dsignerPanel.body;

var editor = me.getEditorContainer();

dsignerPanel.dropZone = new Ext.dd.DropZone(dsignerPanelTargetEl, {

getTargetFromEvent: function(e) {
return dsignerPanel.body;

onNodeEnter : function(target, dd, e, data){


onNodeOut : function(target, dd, e, data){


onNodeOver : function(target, dd, e, data){

//var cmp = Ext.getCmp(e.id.replace(/-[a-z]+$/i, '')); like that

return Ext.dd.DropZone.prototype.dropAllowed;


onNodeDrop : function(target, dd, e, data){