Fancytree Drag & Drop - Advanced Example
Source List (realized as tree)
- Bugatti Atlantic
- Porsche 911 (w/girl)
- Lamborghini Miura
- Item 4
- Item 5
Photo Gallery List - <ul> list as standard jQuery Draggable (but not Sortable)
Requirements, Questions, and Todos
- Question: are nodes moved or copied from right to left?
Should it be possible to drag from left to right?
Should the left tree also support multi-select?
- Question: any objections to add this sample to the public repository?
- Images inside nodes are scaled to 16x16
- Native cross-tree copyTo
- Native cross-tree moveTo
- Non-contiguous multi-select of sortable list items using modifier key (Ctrl/Opt)
- [Req] Click one Sortable list item to highlight it, then Shift Click another
item to select multiple contiguous items in Sortable list [like your OS does]
- [Req] Test with lazy nodes and auto-expand
- [R]Drag & Drop reorder of single list items
- [Req] Drag & Drop reorder of Sortable list items (multi selected) with Ajax update
Question: what does 'with Ajax update' mean?
- [Req] Drag & Drop single or multiple selected Sortable list items and
drop them on to the Fancy tree where they belong (including lazy-loading)
Question: what does 'including lazy-loading' mean?
- Add Fancytree-like D&D target icons to Sortable list sorts
so they look the same as Fancytree sorts & drops
- Native support for multi-node DnD (includes multi-node helper image) (currently implemented using the std. callbacks)
Also sometimes the order is reverted.
- Drop target marker should consider the real node height
- Native support for multi select with Click + SHIFT and CTRL (currently implemented using the std. callbacks)
Also, Click + Shift could allow to extend a current range.
- Optimize CSS for better disambiguation of 'Selcted' vs. 'Active' nodes
- Dragging a Draggable over the right tree does not revert, although invalid