summaryrefslogtreecommitdiff
path: root/includes/js/dojox/widget/tests/test_MultiComboBox.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dojox/widget/tests/test_MultiComboBox.html')
-rw-r--r--includes/js/dojox/widget/tests/test_MultiComboBox.html70
1 files changed, 70 insertions, 0 deletions
diff --git a/includes/js/dojox/widget/tests/test_MultiComboBox.html b/includes/js/dojox/widget/tests/test_MultiComboBox.html
new file mode 100644
index 0000000..86f6c54
--- /dev/null
+++ b/includes/js/dojox/widget/tests/test_MultiComboBox.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+ <title>Multi-input ComboBox widget</title>
+ <style type="text/css">
+ @import "../../../dijit/themes/tundra/tundra.css";
+ @import "../../../dijit/tests/css/dijitTests.css";
+ @import "../../../dojo/resources/dojo.css";
+
+ body { margin:20px; }
+ #widget_frogin,
+ #widget_frogin2
+ { width: 30em; height:1.2em; }
+
+ </style>
+ <script type="text/javascript" src="../../../dojo/dojo.js"
+ djConfig="isDebug: true, parseOnLoad: true"></script>
+ <script type="text/javascript">
+ dojo.require("dojox.widget.MultiComboBox");
+ dojo.require("dojo.data.ItemFileReadStore");
+ dojo.require("dijit.form.Button");
+ </script>
+ </head>
+ <body class="tundra">
+
+ <h1 class="testTitle">dojox.widget.MultiComboBox</h1>
+ <p>
+ This widget is an extension to ComboBox to allow "tag" style input using a datastore. Start typing
+ into the box, and your options will be presented. The default delimiter is a comma, which can be over-ridden
+ by the delimiter="" attrbute.
+ </p>
+
+ <div dojoType="dojo.data.ItemFileReadStore" jsId="memberTagStore"
+ url="_tags.json"></div>
+
+ <h3>Default:</h3>
+ <input dojoType="dojox.widget.MultiComboBox" id="frogin"
+ store="memberTagStore"
+ value=""
+ searchAttr="tag"
+ name="tags" />
+
+ <h3>Alternate delimiter (:)</h3>
+ <input dojoType="dojox.widget.MultiComboBox" id="frogin2"
+ store="memberTagStore"
+ value=""
+ delimiter=":"
+ searchAttr="tag"
+ name="tags2" />
+
+ <h3>From code:</h3>
+ <button dojoType="dijit.form.Button">
+ Make it.
+ <script type="dojo/method" event="onClick">
+ var widget = new dojox.widget.MultiComboBox({
+ store:memberTagStore,
+ searchAttr:"tag"
+ },"frogin3");
+ widget.startup();
+ // only make it once.
+ this.setDisabled(true);
+ </script>
+ </button><br>
+
+ <input id="frogin3" name="tags3" value="" />
+
+
+ </body>
+</html>