Rev | Line | |
---|
[625] | 1 | <html> |
---|
| 2 | <head> |
---|
| 3 | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
---|
| 4 | <title>Drag and Drop between 2 TreePanels</title> |
---|
| 5 | <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> |
---|
| 6 | |
---|
| 7 | <!-- GC --> |
---|
| 8 | <!-- LIBS --> |
---|
| 9 | <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
---|
| 10 | <!-- ENDLIBS --> |
---|
| 11 | |
---|
| 12 | <script type="text/javascript" src="../../ext-all.js"></script> |
---|
| 13 | <script type="text/javascript" src="two-trees.js"></script> |
---|
| 14 | |
---|
| 15 | <!-- Common Styles for the examples --> |
---|
| 16 | <link rel="stylesheet" type="text/css" href="../shared/examples.css" /> |
---|
| 17 | <style type="text/css"> |
---|
| 18 | #tree, #tree2 { |
---|
| 19 | float:left; |
---|
| 20 | margin:20px; |
---|
| 21 | border:1px solid #c3daf9; |
---|
| 22 | width:250px; |
---|
| 23 | height:300px; |
---|
| 24 | } |
---|
| 25 | .folder .x-tree-node-icon{ |
---|
| 26 | background:transparent url(../../resources/images/default/tree/folder.gif); |
---|
| 27 | } |
---|
| 28 | .x-tree-node-expanded .x-tree-node-icon{ |
---|
| 29 | background:transparent url(../../resources/images/default/tree/folder-open.gif); |
---|
| 30 | } |
---|
| 31 | </style> |
---|
| 32 | </head> |
---|
| 33 | <body> |
---|
| 34 | <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES --> |
---|
| 35 | <h1>Drag and Drop betweens two TreePanels</h1> |
---|
| 36 | <p>The TreePanels have a TreeSorter applied in "folderSort" mode.</p> |
---|
| 37 | <p>Both TreePanels are in "appendOnly" drop mode since they are sorted.</p> |
---|
| 38 | <p>Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.</p> |
---|
| 39 | <p>The data for this tree is asynchronously loaded with a JSON TreeLoader.</p> |
---|
| 40 | <p>The js is not minified so it is readable. See <a href="two-trees.js">two-trees.js</a>.</p> |
---|
| 41 | |
---|
| 42 | <div id="tree"></div> |
---|
| 43 | <div id="tree2"></div> |
---|
| 44 | |
---|
| 45 | </body> |
---|
| 46 | </html> |
---|
Note: See
TracBrowser
for help on using the repository browser.