source: trunk/web/addons/job_monarch/lib/extjs-30/examples/tree/two-trees.html @ 625

Last change on this file since 625 was 625, checked in by ramonb, 15 years ago

lib/extjs-30:

  • new ExtJS 3.0
File size: 1.6 KB
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.