Ext.ux.MultiSelectTreePanel (with Drag and Drop)

[Deadmeat]

This is a replacement tree component that supports multi-select and drag&drop at the same time. You can shift or ctrl select multiple nodes and drag identically to the normal tree. You can use further extensions to allow grids.

This code has moved to github. The original links are still up, but may be removed in future.

This is the same as the extension for version 2.x at http://extjs.com/forum/showthread.php?t=60759

It seems to work as is with ExtJS 3.x with only two differences:

• allowContainerDrop works correctly out of the box.
• You no longer require the additional override code to fix insertion order.

If you find any bugs with ExtJS 3.x please post here.

This was originally posted as an example here

There is a tree insertion order bug in 3.1.1 reported below by tritonBear. There is an override in the bug thread.

In the latest version:

ExtJS 3.x is required.

Fixes an issue a user had with the way selection works. With the 1.1 release if you select multiple nodes and then later single click one of those nodes it doesn't do anything. The desired/intuitive behaviour was to deselect the other nodes. I implemented this with some messing around. I'm not entirely happy with how complicated it is. The end result is nicer though.

There is also a workaround for a bug in the core. If you click and hold a node for longer than the startdrag threshold then it calls proxy.repair() which causes some flickering.

Original live demo at: http://www.users.on.net/~clear/ext/