- Replaced color picker form control with a more robust version.
This commit is contained in:
parent
6fe068e42d
commit
6e0470771e
1193 changed files with 342 additions and 223 deletions
43
www/extras/extjs/examples/tree/two-trees.html
vendored
Normal file
43
www/extras/extjs/examples/tree/two-trees.html
vendored
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>Drag and Drop between 2 TreePanels</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
||||
|
||||
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
||||
<script type="text/javascript" src="../../ext-all.js"></script>
|
||||
<script type="text/javascript" src="two-trees.js"></script>
|
||||
|
||||
<!-- Common Styles for the examples -->
|
||||
<link rel="stylesheet" type="text/css" href="../examples.css" />
|
||||
<style type="text/css">
|
||||
#tree, #tree2 {
|
||||
float:left;
|
||||
margin:20px;
|
||||
border:1px solid #c3daf9;
|
||||
width:250px;
|
||||
height:300px;
|
||||
overflow:auto;
|
||||
}
|
||||
.folder .x-tree-node-icon{
|
||||
background:transparent url(../../resources/images/default/tree/folder.gif);
|
||||
}
|
||||
.x-tree-node-expanded .x-tree-node-icon{
|
||||
background:transparent url(../../resources/images/default/tree/folder-open.gif);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
||||
<h1>Drag and Drop betweens two TreePanels</h1>
|
||||
<p>The TreePanels have a TreeSorter applied in "folderSort" mode.</p>
|
||||
<p>Both TreePanels are in "appendOnly" drop mode since they are sorted.</p>
|
||||
<p>Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.</p>
|
||||
<p>The data for this tree is asynchronously loaded with a JSON TreeLoader.</p>
|
||||
<p>The js is not minified so it is readable. See <a href="two-trees.js">two-trees.js</a>.</p>
|
||||
|
||||
<div id="tree"></div>
|
||||
<div id="tree2"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue