How to enable DragNDrop only on TreeView leaves

[kebuu]

Hello everybody,

I'm currently working with ExtJs 4 TreeView and DragNDrop, and I can't find an easy way to allow drag only for the leaves of my tree (ie. I don't want to be allowed to drag folders). I looked for events such as 'beforenodedrag' or any obvious configuration of the DnD plugin but it doesn't seem to exist.

Did I miss something ?

My code is the following :

Ext.define('PlayExt.view.tree.SerieTreeOther' ,{
    extend: 'Ext.tree.Panel',
    
    alias: 'widget.serieTreeOther',


    store: Ext.create('Ext.data.TreeStore', {
	    autoLoad: true, 
	    root: {
	        expanded: true,
        	text: "Tout ce que je n'ai pas"
	    },
	    
	    proxy: {
	    	type: 'ajax',
	        url : '/treeNotUser'
	    },
	    
	    sorters: [
	        {
	            property : 'text',
	            direction: 'ASC'
	        }
	    ]
	}),
	
	viewConfig: {
        plugins: {
            ptype: 'treeviewdragdrop',
            dragGroup: 'otherBooks',
            dropGroup: 'collectionBooks'
        }
    },
    
    rootVisible: true
});

Regards

[mitchellsimoens]

Look at the source for the TreeViewDragDrop plugin. See how it creates the ViewDrapZone and ViewDropZone... tracing it up the class hierarchy you can see a few template methods that may be helpful to you.

[kebuu]

Hello,

I found two ways to do what I wanted :

- First I could simply take advantage of the method "isPreventDrag" from 'Ext.tree.ViewDragZone'
and set the property 'allowDrag' to false for undraggable nodes. Here is the code of this method :

....isPreventDrag: function(e, record) {        return (record.get('allowDrag') === false) || !!e.getTarget(this.view.expanderSelector);    }

- Another way is to override the method "isPreventDrag" like this :

Ext.override(Ext.tree.ViewDragZone, {
	isPreventDrag: function(e, record) {
	    return this.callOverridden(arguments) || !record.isLeaf();
	} 
});

The problem with this second method is that I override the "isPreventDrag" method for all the treeviewdragdrop plugins in my app. How can I override the default behavior only for one tree (I think I can extend the treeviewdragdrop plugin and use mine instead of the built-in plugin but it seems overkill, no) ?

Regards

PS: For some reasons, the class ViewDragZone is not available from the api http://docs.sencha.com/ext-js/4-0/#!...e.ViewDragZone (I get infinite loading)

[COLOR=#fafafa !important]

[/COLOR]