Results 1 to 10 of 14

Thread: Ext.ux.MultiSelectTreePanel (with Drag and Drop)

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Mar 2008
    Adelaide, Australia
    Vote Rating

    Default Ext.ux.MultiSelectTreePanel (with Drag and Drop)

    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

    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 which causes some flickering.

    Original live demo at:
    Last edited by Deadmeat; 2 Apr 2013 at 4:12 AM. Reason: Moved code to github

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts