Line | |
---|
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.