summaryrefslogtreecommitdiffstatshomepage
path: root/includes/js/dojox/widget/tests/test_SortList.html
diff options
context:
space:
mode:
authorGravatar mensonge2008-11-13 09:49:11 +0000
committerGravatar mensonge2008-11-13 09:49:11 +0000
commite44a7e37b6c7b5961adaffc62b9042b8d442938e (patch)
tree95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dojox/widget/tests/test_SortList.html
parenta62b9742ee5e28bcec6872d88f50f25b820914f6 (diff)
downloadscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz
scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.zip
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dojox/widget/tests/test_SortList.html')
-rw-r--r--includes/js/dojox/widget/tests/test_SortList.html74
1 files changed, 74 insertions, 0 deletions
diff --git a/includes/js/dojox/widget/tests/test_SortList.html b/includes/js/dojox/widget/tests/test_SortList.html
new file mode 100644
index 0000000..55cb7a1
--- /dev/null
+++ b/includes/js/dojox/widget/tests/test_SortList.html
@@ -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>