Drag and Drop Tree

From Interaction-Patterns.org

Kategorie:Interface Interaction

Contents 1 Drag and Drop Tree 1.1 Quick Summary 1.2 Visual Examples 1.3 Examples found on the World Wide Web 1.4 Use When 1.5 Possible Solution 1.6 Examples 1.7 Rationale 1.8 This pattern is being used to 1.9 Source

[edit] Drag and Drop Tree

[edit] Quick Summary

Rearrange the order of the items listed by dragging and dropping them. Even possible to have multiple trees to also drag and drop files from one tree to another one.

[edit] Visual Examples

Found at www.extjs.com	Found at www.extjs.com
Found at www.dhtmlgoodies.com

[edit] Examples found on the World Wide Web

• http://extjs.com/deploy/dev/examples/tree/reorder.html
• http://extjs.com/deploy/dev/examples/tree/two-trees.html
• http://extjs.com/deploy/dev/examples/tree/column-tree.html

[edit] Use When

[edit] Possible Solution

[edit] Examples

[edit] Rationale

[edit] This pattern is being used to

• Add
• Authorize
• Browse
• Copy/paste
• Edit
• Sort

[edit] Source

• This pattern hasn't been described yet so far by any established pattern library on the web. There is no source to refer to.