]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dojox/widget/tests/test_SortList.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dojox / widget / tests / test_SortList.html
diff --git a/static/dojo-release-1.1.1/dojox/widget/tests/test_SortList.html b/static/dojo-release-1.1.1/dojox/widget/tests/test_SortList.html
new file mode 100644 (file)
index 0000000..55cb7a1
--- /dev/null
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+       <title>Dojox SortList Test</title>
+       <style type="text/css">
+               @import "../../../dojo/resources/dojo.css";
+               @import "../../../dijit/themes/tundra/tundra.css";
+               @import "../../../dijit/themes/dijit.css";
+               @import "../../../dijit/tests/css/dijitTests.css"; 
+               @import "../SortList/SortList.css"; 
+       </style>
+
+       <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
+       <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
+       <script type="text/javascript" src="../SortList.js"></script>
+       <script type="text/javascript">
+               // dojo.require("dojox.widget.SortList");
+               dojo.require("dijit.layout.TabContainer");
+               dojo.require("dijit.layout.SplitContainer");
+               dojo.require("dojo.data.ItemFileReadStore"); 
+               dojo.require("dojo.parser");    // scan page for widgets and instantiate them
+       </script>
+</head>
+<body>
+
+       <h1 class="testTitle">Dojox SortList test</h1>
+
+       <div dojoType="dojo.data.ItemFileReadStore" url="../../../dijit/tests/_data/countries.json" jsId="stateStore"></div>
+       
+       <h3>Simple sortable example</h3>
+       <ul dojoType="dojox.widget.SortList" store="stateStore" title="sortable List" style="width:200px; height:200px;"></ul>
+
+       <h3>Children of a TabContainer</h3>
+       <div dojoType="dijit.layout.TabContainer" style="width:300px; height:300px;">
+               <div dojoType="dojox.widget.SortList" store="stateStore" title="list 1" heading="countires"></div>
+               <div dojoType="dojox.widget.SortList" store="stateStore" title="list 2" heading="states"></div>
+               <div dojoType="dojox.widget.SortList" store="stateStore" title="closable" heading="countries" closable="true"></div>
+       </div>
+
+       <h3>Child of a SplitContainer</h3>
+       <div dojoType="dijit.layout.SplitContainer" sizerWidth="7" activeSizing="false" orientaton="vertical" style="width:600px; height:200px;">
+               <div dojoType="dojox.widget.SortList" store="stateStore" title="list 1" layoutAlign="left" sizeShare="33"></div>
+               <div dojoType="dojox.widget.SortList" store="stateStore" title="list 2" layoutAlign="client" sizeShare="33"></div>
+               <div dojoType="dojox.widget.SortList" store="stateStore" title="closable" layoutAlign="right" sizeShare="33"></div>
+       </div>
+       
+       <br>
+       <h3>Raw, degradable UL list:</h3>
+       <ul dojoType="dojox.widget.SortList" title="SortList From Markup" sortable="false" style="width:200px; height:200px;">
+               <li>one</li>
+               <li>two</li>
+               <li>three</li>
+               <li>four</li>
+               <li>five</li>
+               <li>six</li>
+               <li>four</li>
+               <li>five</li>
+               <li>six</li>
+               <li>four</li>
+               <li>five</li>
+               <li>six</li>
+               <li>four</li>
+               <li>five</li>
+               <li>six</li>
+       </ul>
+
+       <h3>normal ul:</h3>
+               <ul style="width:200px; height:200px;">
+                       <li>one</li><li>one</li><li>one</li><li>one</li><li>one</li><li>one</li><li>one</li><li>one</li>
+               </ul>
+       
+</body>
+</html>