By: jsutherland

jsutherland — Sat, 25 Feb 2012 23:02:12 +0000

Thanks for the update there mate! I’ve added it to the main post so it doesn’t get missed.

By: JBA

JBA — Sat, 25 Feb 2012 20:37:23 +0000

Hi,
I found your posting while doing a google search on how to customize the dragText when dragging from an ExtJS 4 TreeView. Your headline says “Tree dragText”, but your solution actually allows you to set the dragText for a grid, not a tree. In the body of the post its obvious that you are referring to the tree as the drop target, not the drag source, but on first reading I was confused and it took me a few minutes to figure out why this wasn’t allowing me to set the dragText when dragging from a TreeView.

The good news is once I made sense of what was going on, I was quickly able to figure out how to accomplish the same thing by similarly overriding the onViewRender method of the TreeViewDragDrop . So I thought I’d make that clarification and share this additional solution with you and your readers in case someone else finds their way to your site looking to accomplish this.

Ext.override(Ext.tree.plugin.TreeViewDragDrop, {
onViewRender : function(view) {
var me = this;

if (me.enableDrag) {
me.dragZone = Ext.create(‘Ext.tree.ViewDragZone’, {
view: view,
ddGroup: me.dragGroup || me.ddGroup,
dragText: me.dragText,
dragField: me.dragField,
repairHighlightColor: me.nodeHighlightColor,
repairHighlight: me.nodeHighlightOnRepair
});
}

if (me.enableDrop) {
me.dropZone = Ext.create(‘Ext.tree.ViewDropZone’, {
view: view,
ddGroup: me.dropGroup || me.ddGroup,
allowContainerDrops: me.allowContainerDrops,
appendOnly: me.appendOnly,
allowParentInserts: me.allowParentInserts,
expandDelay: me.expandDelay,
dropHighlightColor: me.nodeHighlightColor,
dropHighlight: me.nodeHighlightOnDrop
});
}
}
});

Thanks for posting this and pointing me in the right direction. I would never have figured this out without your example.

Comments on: ExtJS 4 Tree/Grid dragText

By: jsutherland

By: JBA