Opened 10 years ago

Closed 9 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 10 years ago by dante

Owner: set to Nathan Toone

comment:2 Changed 10 years ago by Nathan Toone

Owner: changed from Nathan Toone to dante

This looks to be a documentation issue...I'm not familiar with this widget... Pete?

comment:3 Changed 10 years ago by dante

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 10 years ago by Adam Peller

Keywords: 14open added; MultiComboBox MultiComboBox Demo MultiComboBox Example removed

moving 1.4 open tickets to 1.5

comment:5 Changed 9 years ago by Adam Peller

Milestone: 1.5 → 1.6

comment:6 Changed 9 years ago by dante

Resolution: → fixed
Status: assigned → closed

(In [23601]) fixes #9194 - added simple docs to campus and updating the test to use claro

Note: See TracTickets for help on using tickets.