Opened 12 years ago
Closed 10 years ago
#9194 closed enhancement (fixed)
dojox.form.MultiComboBox Demo
Reported by: | burnsmicro | Owned by: | dante |
---|---|---|---|
Priority: | high | Milestone: | 1.6 |
Component: | Documentation | Version: | 1.3.0 |
Keywords: | 14open | Cc: | |
Blocked By: | Blocking: |
Description
There is no example in http://docs.dojocampus.org/dojox/form/MultiComboBox.
However, an example has been developed and the files can be accessed from http://trac.dojotoolkit.org/changeset/11639.
My hope is this example could be incorporated into http://docs.dojocampus.org/dojox/form/MultiComboBox with out too much effort. Also, a paragraph on how to exercise the example would be useful.
I did try to run the example, but I got 2 404 errors:
http://o.aolcdn.com/dojo/1.3/dijit/tests/css/dijitTests.css ...and http://o.aolcdn.com/dojo/1.3.0/dojox/widget/MultiComboBox.xd.js
..no doubt because I am not providing the correct paths.
The [aolcdn modified] code I tested:
<!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 "http://o.aolcdn.com/dojo/1.3/dijit/themes/tundra/tundra.css"; @import "http://o.aolcdn.com/dojo/1.3/dijit/tests/css/dijitTests.css"; @import "http://o.aolcdn.com/dojo/1.3/dojo/resources/dojo.css"; body { margin:20px; } #widget_frogin, #widget_frogin2 { width: 30em; height:1.2em; } </style> <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.3/dojo/dojo.xd.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>
Change History (6)
comment:1 Changed 11 years ago by
Owner: | set to Nathan Toone |
---|
comment:2 Changed 11 years ago by
Owner: | changed from Nathan Toone to dante |
---|
comment:3 Changed 11 years ago by
Milestone: | tbd → 1.4 |
---|---|
Status: | new → assigned |
yah, I guess I did it. Will document briefly (experimental widget, not much movement on it)
comment:4 Changed 11 years ago by
Keywords: | 14open added; MultiComboBox MultiComboBox Demo MultiComboBox Example removed |
---|
moving 1.4 open tickets to 1.5
comment:5 Changed 11 years ago by
Milestone: | 1.5 → 1.6 |
---|
comment:6 Changed 10 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
This looks to be a documentation issue...I'm not familiar with this widget... Pete?