Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Convert dijit/ to use new data-dojo-type syntax, with MID's.

  • Loading branch information...
commit ca3447798974fa1ceda2f109576113eb3a2fb352 1 parent 8d108f2
@wkeese wkeese authored
Showing with 415 additions and 415 deletions.
  1. +6 −6 dijit/Calendar.rst
  2. +1 −1  dijit/CalendarLite.rst
  3. +1 −1  dijit/ColorPalette.rst
  4. +4 −4 dijit/Declaration.rst
  5. +35 −35 dijit/Dialog.rst
  6. +9 −9 dijit/DropDownMenu.rst
  7. +6 −6 dijit/Editor.rst
  8. +3 −3 dijit/InlineEditBox.rst
  9. +11 −11 dijit/Menu.rst
  10. +9 −9 dijit/MenuBar.rst
  11. +3 −3 dijit/MenuBarItem.rst
  12. +1 −1  dijit/ProgressBar.rst
  13. +4 −4 dijit/TitlePane.rst
  14. +13 −13 dijit/Toolbar.rst
  15. +4 −4 dijit/Tooltip.rst
  16. +8 −8 dijit/TooltipDialog.rst
  17. +6 −6 dijit/Tree-examples.rst
  18. +14 −14 dijit/Tree.rst
  19. +2 −2 dijit/_FocusMixin.rst
  20. +1 −1  dijit/_TemplatedMixin.rst
  21. +6 −6 dijit/_WidgetsInTemplateMixin.rst
  22. +4 −4 dijit/_editor/plugins/FontChoice.rst
  23. +4 −4 dijit/_editor/plugins/FullScreen.rst
  24. +2 −2 dijit/_editor/plugins/LinkDialog.rst
  25. +4 −4 dijit/_editor/plugins/NewPage.rst
  26. +2 −2 dijit/_editor/plugins/Print.rst
  27. +4 −4 dijit/_editor/plugins/TextColor.rst
  28. +2 −2 dijit/_editor/plugins/ToggleDir.rst
  29. +4 −4 dijit/_editor/plugins/ViewSource.rst
  30. +1 −1  dijit/a11y/statement.rst
  31. +4 −4 dijit/byId.rst
  32. +7 −7 dijit/form.rst
  33. +3 −3 dijit/form/Button.rst
  34. +1 −1  dijit/form/CheckBox.rst
  35. +3 −3 dijit/form/ComboBox.rst
  36. +4 −4 dijit/form/ComboButton.rst
  37. +1 −1  dijit/form/CurrencyTextBox.rst
  38. +1 −1  dijit/form/DataList.rst
  39. +4 −4 dijit/form/DateTextBox.rst
  40. +5 −5 dijit/form/DropDownButton.rst
  41. +3 −3 dijit/form/FilteringSelect.rst
  42. +11 −11 dijit/form/Form.rst
  43. +5 −5 dijit/form/HorizontalRule.rst
  44. +1 −1  dijit/form/MappedTextBox.rst
  45. +2 −2 dijit/form/MultiSelect.rst
  46. +2 −2 dijit/form/NumberSpinner.rst
  47. +2 −2 dijit/form/NumberTextBox.rst
  48. +1 −1  dijit/form/RadioButton.rst
  49. +3 −3 dijit/form/Select.rst
  50. +1 −1  dijit/form/SimpleTextarea.rst
  51. +5 −5 dijit/form/Slider.rst
  52. +6 −6 dijit/form/TextBox.rst
  53. +1 −1  dijit/form/Textarea.rst
  54. +1 −1  dijit/form/TimeTextBox.rst
  55. +1 −1  dijit/form/ToggleButton.rst
  56. +3 −3 dijit/form/ValidationTextBox.rst
  57. +5 −5 dijit/form/VerticalRule.rst
  58. +5 −5 dijit/info.rst
  59. +38 −38 dijit/layout.rst
  60. +4 −4 dijit/layout/AccordionContainer.rst
  61. +27 −27 dijit/layout/BorderContainer.rst
  62. +1 −1  dijit/layout/ContentPane.rst
  63. +5 −5 dijit/layout/LinkPane.rst
  64. +6 −6 dijit/layout/StackContainer.rst
  65. +25 −25 dijit/layout/TabContainer-examples.rst
  66. +11 −11 dijit/layout/TabContainer.rst
  67. +3 −3 dijit/layout/_LayoutWidget.rst
  68. +7 −7 dijit/registry.rst
  69. +15 −15 dijit/themes.rst
  70. +5 −5 dijit/tree/ForestStoreModel.rst
  71. +3 −3 dijit/tree/TreeStoreModel.rst
View
12 dijit/Calendar.rst
@@ -43,7 +43,7 @@ A plain Calendar widget with the formatted date below:
.. html ::
- <div data-dojo-type="dijit.Calendar" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
+ <div data-dojo-type="dijit/Calendar" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
<p id="formatted"></p>
.. css ::
@@ -69,7 +69,7 @@ With an initial selection and weekends disabled:
.. html ::
- <div id="mycal" data-dojo-type="dijit.Calendar" value="2009-08-07" data-dojo-props="isDisabledDate:dojo.date.locale.isWeekend"></div>
+ <div id="mycal" data-dojo-type="dijit/Calendar" value="2009-08-07" data-dojo-props="isDisabledDate:dojo.date.locale.isWeekend"></div>
.. css ::
@@ -131,7 +131,7 @@ Custom styling:
.. html ::
- <input id="calendar5" data-dojo-type="dijit.Calendar" dayWidth="abbr" value="2008-03-13">
+ <input id="calendar5" data-dojo-type="dijit/Calendar" dayWidth="abbr" value="2008-03-13">
.. css ::
@@ -189,15 +189,15 @@ Custom styling:
<table class="container">
<tr>
<td>
- <div id="hebrew" data-dojo-type="dijit.Calendar" data-dojo-props="datePackage:dojox.date.hebrew, onValueSelected:publishDate, onChange:formatDate"></div>
+ <div id="hebrew" data-dojo-type="dijit/Calendar" data-dojo-props="datePackage:dojox.date.hebrew, onValueSelected:publishDate, onChange:formatDate"></div>
<div id="hebrewFormatted"></div>
</td>
<td>
- <div id="islamic" data-dojo-type="dijit.Calendar" data-dojo-props="datePackage:dojox.date.islamic, onValueSelected:publishDate, onChange:formatDate"></div>
+ <div id="islamic" data-dojo-type="dijit/Calendar" data-dojo-props="datePackage:dojox.date.islamic, onValueSelected:publishDate, onChange:formatDate"></div>
<div id="islamicFormatted"></div>
</td>
<td>
- <div id="gregorian" data-dojo-type="dijit.Calendar" data-dojo-props="onValueSelected:publishDate, onChange:formatDate"></div>
+ <div id="gregorian" data-dojo-type="dijit/Calendar" data-dojo-props="onValueSelected:publishDate, onChange:formatDate"></div>
<div id="gregorianFormatted"></div>
</td>
</tr>
View
2  dijit/CalendarLite.rst
@@ -27,7 +27,7 @@ A plain Calendar widget with the formatted date below
.. html ::
- <div data-dojo-type="dijit.CalendarLite" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
+ <div data-dojo-type="dijit/CalendarLite" data-dojo-props="onChange:function(){dojo.byId('formatted').innerHTML=dojo.date.locale.format(arguments[0], {formatLength: 'full', selector:'date'})}"></div>
<p id="formatted"></p>
View
2  dijit/ColorPalette.rst
@@ -70,7 +70,7 @@ Small color palette, created declaratively:
.. html ::
- <div data-dojo-type="dijit.ColorPalette" data-dojo-props="onChange:function(){alert(this.value);}, palette:'3x4'"></div>
+ <div data-dojo-type="dijit/ColorPalette" data-dojo-props="onChange:function(){alert(this.value);}, palette:'3x4'"></div>
Accessibility
View
8 dijit/Declaration.rst
@@ -35,7 +35,7 @@ Here's an example defining a widget called Employee, and then creating two of th
.. html ::
- <div data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'Employee', defaults:{empid:123, name:''}">
+ <div data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'Employee', defaults:{empid:123, name:''}">
<span>${name}</span>
<a href="update.php?id=${empid}">update</a>
<a href="delete.php?id=${empid}">delete</a>
@@ -74,7 +74,7 @@ The example below defines a widget named "HideButton" that will hide itself when
.. html ::
- <div data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'HideButton'">
+ <div data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'HideButton'">
XXX<button data-dojo-attach-event="onclick: myClickHandler" data-dojo-attach-point="containerNode"></button>XXX
<script type='dojo/method' data-dojo-event='myClickHandler'>
this.domNode.style.display="none";
@@ -98,7 +98,7 @@ Here we define HideButton2 and then create two HideButton2's:
.. html ::
- <span data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'HideButton2', mixins:'HideButton'">
+ <span data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'HideButton2', mixins:'HideButton'">
YYY<button data-dojo-attach-event="onclick: myClickHandler" data-dojo-attach-point="containerNode"></button>YYY
</span>
<button data-dojo-type="HideButton2">Hide me extended</button>
@@ -122,7 +122,7 @@ An example of dojo/connect is:
.. html ::
- <div data-dojo-type="dijit.Declaration" data-dojo-props="widgetClass:'simpleConnectedWidget'">
+ <div data-dojo-type="dijit/Declaration" data-dojo-props="widgetClass:'simpleConnectedWidget'">
Just a plain ol' piece of text
<script type="dojo/connect" data-dojo-event="dblclick">
console.debug("Ouch! I've been double-clicked");
View
70 dijit/Dialog.rst
@@ -70,15 +70,15 @@ The first example creates a Dialog via markup from an existing DOM node:
.. html ::
- <div id="dialogOne" data-dojo-type="dijit.Dialog" title="My Dialog Title">
- <div data-dojo-type="dijit.layout.TabContainer" style="width: 200px; height: 300px;">
- <div data-dojo-type="dijit.layout.ContentPane" title="foo">Content of Tab "foo"</div>
- <div data-dojo-type="dijit.layout.ContentPane" title="boo">Hi, I'm Tab "boo"</div>
+ <div id="dialogOne" data-dojo-type="dijit/Dialog" title="My Dialog Title">
+ <div data-dojo-type="dijit/layout/TabContainer" style="width: 200px; height: 300px;">
+ <div data-dojo-type="dijit/layout/ContentPane" title="foo">Content of Tab "foo"</div>
+ <div data-dojo-type="dijit/layout/ContentPane" title="boo">Hi, I'm Tab "boo"</div>
</div>
</div>
<p>When pressing this button the dialog will popup:</p>
- <button id="buttonOne" data-dojo-type="dijit.form.Button" type="button">Show me!
+ <button id="buttonOne" data-dojo-type="dijit/form/Button" type="button">Show me!
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
// Show the Dialog:
dijit.byId("dialogOne").show();
@@ -122,7 +122,7 @@ Now let's create a dialog programmatically, and change the dialog's content dyna
.. html ::
<p>When pressing this button the dialog will popup. Notice this time there is no DOM node with content for the dialog:</p>
- <button id="buttonTwo" data-dojo-type="dijit.form.Button" data-dojo-props="onClick:showDialogTwo" type="button">Show me!</button>
+ <button id="buttonTwo" data-dojo-type="dijit/form/Button" data-dojo-props="onClick:showDialogTwo" type="button">Show me!</button>
@@ -154,12 +154,12 @@ The underlay receives an ID to match the Dialog, suffixed with :ref:``underlay``
.. html ::
- <div id="dialogColor" title="Colorful" data-dojo-type="dijit.Dialog">
+ <div id="dialogColor" title="Colorful" data-dojo-type="dijit/Dialog">
My background color is Green
</div>
<p>When pressing this button the dialog will popup:</p>
- <button id="button4" data-dojo-type="dijit.form.Button" type="button">Show me!
+ <button id="button4" data-dojo-type="dijit/form/Button" type="button">Show me!
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
dijit.byId("dialogColor").show();
</script>
@@ -204,38 +204,38 @@ To simply close the dialog, click the Cancel button, which calls the hide() func
.. html ::
- <div data-dojo-type="dijit.Dialog" id="formDialog" title="Form Dialog"
+ <div data-dojo-type="dijit/Dialog" id="formDialog" title="Form Dialog"
execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
<table>
<tr>
<td><label for="name">Name: </label></td>
- <td><input data-dojo-type="dijit.form.TextBox" type="text" name="name" id="name"></td>
+ <td><input data-dojo-type="dijit/form/TextBox" type="text" name="name" id="name"></td>
</tr>
<tr>
<td><label for="loc">Location: </label></td>
- <td><input data-dojo-type="dijit.form.TextBox" type="text" name="loc" id="loc"></td>
+ <td><input data-dojo-type="dijit/form/TextBox" type="text" name="loc" id="loc"></td>
</tr>
<tr>
<td><label for="date">Start date: </label></td>
- <td><input data-dojo-type="dijit.form.DateTextBox" type="text" name="sdate" id="sdate"></td>
+ <td><input data-dojo-type="dijit/form/DateTextBox" type="text" name="sdate" id="sdate"></td>
</tr>
<tr>
<td><label for="date">End date: </label></td>
- <td><input data-dojo-type="dijit.form.DateTextBox" type="text" name="edate" id="edate"></td>
+ <td><input data-dojo-type="dijit/form/DateTextBox" type="text" name="edate" id="edate"></td>
</tr>
<tr>
<td><label for="date">Time: </label></td>
- <td><input data-dojo-type="dijit.form.TimeTextBox" type="text" name="time" id="time"></td>
+ <td><input data-dojo-type="dijit/form/TimeTextBox" type="text" name="time" id="time"></td>
</tr>
<tr>
<td><label for="desc">Description: </label></td>
- <td><input data-dojo-type="dijit.form.TextBox" type="text" name="desc" id="desc"></td>
+ <td><input data-dojo-type="dijit/form/TextBox" type="text" name="desc" id="desc"></td>
</tr>
<tr>
<td align="center" colspan="2">
- <button data-dojo-type="dijit.form.Button" type="submit"
+ <button data-dojo-type="dijit/form/Button" type="submit"
data-dojo-props="onClick:function(){return dijit.byId('formDialog').isValid();}">OK</button>
- <button data-dojo-type="dijit.form.Button" type="button"
+ <button data-dojo-type="dijit/form/Button" type="button"
data-dojo-props="onClick:function(){dijit.byId('formDialog').hide();}">Cancel</button>
</td>
</tr>
@@ -243,7 +243,7 @@ To simply close the dialog, click the Cancel button, which calls the hide() func
</div>
<p>When pressing this button the dialog will popup:</p>
- <button id="buttonThree" data-dojo-type="dijit.form.Button" type="button">Show me!
+ <button id="buttonThree" data-dojo-type="dijit/form/Button" type="button">Show me!
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
dijit.byId("formDialog").show();
</script>
@@ -266,8 +266,8 @@ handles the onSubmit event, validation, and an xhrPost to the server.
.. html ::
- <div data-dojo-type="dijit.Dialog" id="formDialog2" title="Form Dialog" style="display: none">
- <form data-dojo-type="dijit.form.Form">
+ <div data-dojo-type="dijit/Dialog" id="formDialog2" title="Form Dialog" style="display: none">
+ <form data-dojo-type="dijit/form/Form">
<script type="dojo/event" data-dojo-event="onSubmit" data-dojo-args="e">
dojo.stopEvent(e); // prevent the default submit
if(!this.isValid()){ window.alert('Please fix fields'); return; }
@@ -283,18 +283,18 @@ handles the onSubmit event, validation, and an xhrPost to the server.
</script>
<div class="dijitDialogPaneContentArea">
- <label for='foo'>Foo:</label><div data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="required:true"></div>
+ <label for='foo'>Foo:</label><div data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props="required:true"></div>
</div>
<div class="dijitDialogPaneActionBar">
- <button data-dojo-type="dijit.form.Button" type="submit">OK</button>
- <button data-dojo-type="dijit.form.Button" type="button"
+ <button data-dojo-type="dijit/form/Button" type="submit">OK</button>
+ <button data-dojo-type="dijit/form/Button" type="button"
data-dojo-props="onClick:function(){dijit.byId('formDialog2').hide();}">Cancel</button>
</div>
</form>
</div>
<p>When pressing this button the dialog will popup:</p>
- <button id="buttonThree" data-dojo-type="dijit.form.Button" type="button">Show me!
+ <button id="buttonThree" data-dojo-type="dijit/form/Button" type="button">Show me!
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
dijit.byId("formDialog2").show();
</script>
@@ -329,10 +329,10 @@ This example shows a Dialog that will ask the user to accept or decline the term
.. html ::
- <div data-dojo-type="dijit.Dialog" id="formDialog" title="Accept or decline agreement terms" execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
+ <div data-dojo-type="dijit/Dialog" id="formDialog" title="Accept or decline agreement terms" execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
<h1>Agreement Terms</h1>
- <div data-dojo-type="dijit.layout.ContentPane" style="width:400px; border:1px solid #b7b7b7; background:#fff; padding:8px; margin:0 auto; height:150px; overflow:auto; ">
+ <div data-dojo-type="dijit/layout/ContentPane" style="width:400px; border:1px solid #b7b7b7; background:#fff; padding:8px; margin:0 auto; height:150px; overflow:auto; ">
Dojo is available under *either* the terms of the modified BSD license *or* the Academic Free License version 2.1. As a recipient of Dojo, you may choose which license to receive this code under (except as noted in per-module LICENSE files). Some modules may not be the copyright of the Dojo Foundation. These modules contain explicit declarations of copyright in both the LICENSE files in the directories in which they reside and in the code itself. No external contributions are allowed under licenses which are fundamentally incompatible with the AFL or BSD licenses that Dojo is distributed under. The text of the AFL and BSD licenses is reproduced below. ------------------------------------------------------------------------------- The "New" BSD License: ********************** Copyright (c) 2005-2010, The Dojo Foundation All rights reserved. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
</div>
@@ -340,7 +340,7 @@ This example shows a Dialog that will ask the user to accept or decline the term
<table>
<tr>
<td>
- <input type="radio" data-dojo-type="dijit.form.RadioButton" name="agreement" id="radioOne" value="accept" data-dojo-props="onClick:accept"/>
+ <input type="radio" data-dojo-type="dijit/form/RadioButton" name="agreement" id="radioOne" value="accept" data-dojo-props="onClick:accept"/>
<label for="radioOne">
I accept the terms of this agreement
</label>
@@ -348,7 +348,7 @@ This example shows a Dialog that will ask the user to accept or decline the term
</tr>
<tr>
<td>
- <input type="radio" data-dojo-type="dijit.form.RadioButton" name="agreement" id="radioTwo" value="decline" data-dojo-props="onClick:decline"/>
+ <input type="radio" data-dojo-type="dijit/form/RadioButton" name="agreement" id="radioTwo" value="decline" data-dojo-props="onClick:decline"/>
<label for="radioTwo">
I decline
</label>
@@ -363,7 +363,7 @@ This example shows a Dialog that will ask the user to accept or decline the term
<label id="decision" style="color:#FF0000;">
Terms and conditions have not been accepted.
</label>
- <button id="termsButton" data-dojo-type="dijit.form.Button" type="button">
+ <button id="termsButton" data-dojo-type="dijit/form/Button" type="button">
View terms and conditions to accept
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
dijit.byId("formDialog").show();
@@ -396,11 +396,11 @@ of :ref:`dojox.layout.ContentPane <dojox/layout/ContentPane>` into ``dijit.Dialo
.. html ::
- <div id="external" data-dojo-type="dijit.Dialog" title="My external dialog" href="{{dataUrl}}dojo/resources/LICENSE" style="overflow:auto; width: 400px; height: 200px;">
+ <div id="external" data-dojo-type="dijit/Dialog" title="My external dialog" href="{{dataUrl}}dojo/resources/LICENSE" style="overflow:auto; width: 400px; height: 200px;">
</div>
<p>When pressing this button the dialog will popup loading the dialog content using an XHR call.</p>
- <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){dijit.byId('external').show();}" type="button">Show me!</button>
+ <button data-dojo-type="dijit/form/Button" data-dojo-props="onClick:function(){dijit.byId('external').show();}" type="button">Show me!</button>
@@ -419,7 +419,7 @@ If you want a scrollbar on a dialog, then you need to add width/height to a div
.. html ::
- <div id="sized" data-dojo-type="dijit.Dialog" title="My scrolling dialog">
+ <div id="sized" data-dojo-type="dijit/Dialog" title="My scrolling dialog">
<div style="width: 200px; height: 100px; overflow: auto;">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin
@@ -431,7 +431,7 @@ If you want a scrollbar on a dialog, then you need to add width/height to a div
</div>
<p>When pressing this button the dialog will popup (with a scrollbar):</p>
- <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){dijit.byId('sized').show();}" type="button">Show me!</button>
+ <button data-dojo-type="dijit/form/Button" data-dojo-props="onClick:function(){dijit.byId('sized').show();}" type="button">Show me!</button>
Accessibility
@@ -502,7 +502,7 @@ The value of the aria-describedby property is the id of the element containing t
.. js ::
- <div data-dojo-type="dijit.Dialog" title="Example Dialog" aria-describedby="intro">
+ <div data-dojo-type="dijit/Dialog" title="Example Dialog" aria-describedby="intro">
<div id="intro">Text to describe dialog</div>
<div>Additional dialog contents....</div>
</div>
@@ -511,7 +511,7 @@ For earlier Dojo versions, you can add an onshow event handler that adds the ari
.. js ::
- <div data-dojo-type="dijit.Dialog" title="Example Dialog" onShow="dojo.attr(this.domNode, 'aria-describedby', 'info');">
+ <div data-dojo-type="dijit/Dialog" title="Example Dialog" onShow="dojo.attr(this.domNode, 'aria-describedby', 'info');">
<div id="intro">Text to describe dialog</div>
<div>Additional dialog contents....</div>
</div>
View
18 dijit/DropDownMenu.rst
@@ -70,19 +70,19 @@ except that you don't specify style="display: none" or contextMenuForWindow or a
.. html ::
- <div data-dojo-type="dijit.DropDownMenu" id="navMenu">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
+ <div data-dojo-type="dijit/DropDownMenu" id="navMenu">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
onClick:function(){alert('drama!')}">Drama</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
onClick:function(){alert('comedy!')}">Comedy</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
onClick:function(){alert('romance!')}">Romance</div>
- <div data-dojo-type="dijit.MenuSeparator"></div>
- <div data-dojo-type="dijit.PopupMenuItem">
+ <div data-dojo-type="dijit/MenuSeparator"></div>
+ <div data-dojo-type="dijit/PopupMenuItem">
<span>Action</span>
- <div data-dojo-type="dijit.DropDownMenu" id="submenu2">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('diehard!')}">Diehard</div>
- <div data-dojo-type="dijit.MenuItem" onclick="alert('indiana!')">Indiana Jones</div>
+ <div data-dojo-type="dijit/DropDownMenu" id="submenu2">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('diehard!')}">Diehard</div>
+ <div data-dojo-type="dijit/MenuItem" onclick="alert('indiana!')">Indiana Jones</div>
</div>
</div>
</div>
View
12 dijit/Editor.rst
@@ -40,7 +40,7 @@ Limitations
.. html ::
- <div data-dojo-type="dijit.Editor" id="myEditor">
+ <div data-dojo-type="dijit/Editor" id="myEditor">
<p>This is the initial content.</p>
</div>
@@ -62,7 +62,7 @@ Declarative example
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])}">
+ <div data-dojo-type="dijit/Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])}">
<p>This instance is created from a div directly with default toolbar and plugins</p>
</div>
@@ -106,7 +106,7 @@ Of course the toolbar can be reordered and customized to suit your layout needs.
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])},
+ <div data-dojo-type="dijit/Editor" id="editor1" data-dojo-props="onChange:function(){console.log('editor1 onChange handler: ' + arguments[0])},
plugins:['cut','copy','paste','|','bold','italic','underline','strikethrough','subscript','superscript','|', 'indent', 'outdent', 'justifyLeft', 'justifyCenter', 'justifyRight']">
<p>This instance is created with a subset of functions enabled in the order we want</p>
</div>
@@ -147,7 +147,7 @@ This example adds the text color, background color, and font selection plugins t
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor2"
+ <div data-dojo-type="dijit/Editor" id="editor2"
data-dojo-props="extraPlugins:['foreColor','hiliteColor',{name:'dijit._editor.plugins.FontChoice', command:'fontName', generic:true}],
onChange:function(){console.log('editor2 onChange handler: ' + arguments[0])}">
<p>This instance is created with additional toolbar/ plugins</p>
@@ -164,7 +164,7 @@ This example starts from scratch, thus removing some items from the toolbar (as
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor3"
+ <div data-dojo-type="dijit/Editor" id="editor3"
data-dojo-props="plugins:['bold','italic','|','createLink'],
onChange:function(){console.log('editor3 onChange handler: ' + arguments[0])}">
<p>This instance is created with customized toolbar/ plugins</p>
@@ -278,7 +278,7 @@ It's used along with setting height="" parameter setting.
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor5"
+ <div data-dojo-type="dijit/Editor" id="editor5"
data-dojo-props="extraPlugins:['dijit._editor.plugins.AlwaysShowToolbar']">
<p>
This editor is created from a div with AlwaysShowToolbar plugin (do not forget to set height="").
View
6 dijit/InlineEditBox.rst
@@ -57,7 +57,7 @@ Here's an example with an initial value.
.. html ::
- <span data-dojo-type="dijit.InlineEditBox" data-dojo-props="editor:'dijit.form.NumberSpinner', editorParams:{constraints: {places:0} }" width="70px" title="quantity">15</span>
+ <span data-dojo-type="dijit/InlineEditBox" data-dojo-props="editor:'dijit.form.NumberSpinner', editorParams:{constraints: {places:0} }" width="70px" title="quantity">15</span>
Initial blank value
===================
@@ -74,7 +74,7 @@ Note also that the width argument is important so to indicate the editors width,
.. html ::
- <span data-dojo-type="dijit.InlineEditBox" data-dojo-props="editor:'dijit.form.NumberTextBox'" title="quantity" width="70px"></span>
+ <span data-dojo-type="dijit/InlineEditBox" data-dojo-props="editor:'dijit.form.NumberTextBox'" title="quantity" width="70px"></span>
Rich Text Editor
@@ -102,7 +102,7 @@ To make the editor's initial size match the size the readonly text (ie, the size
.. html ::
- <div data-dojo-type="dijit.InlineEditBox" data-dojo-props="editor:'dijit.Editor', renderAsHtml:true, autoSave:false,
+ <div data-dojo-type="dijit/InlineEditBox" data-dojo-props="editor:'dijit.Editor', renderAsHtml:true, autoSave:false,
editorParams:{height: '', extraPlugins: ['dijit._editor.plugins.AlwaysShowToolbar']}"></div>
Notes on i18n
View
22 dijit/Menu.rst
@@ -90,24 +90,24 @@ This example creates a context menu for the whole window.
.. html ::
- <div data-dojo-type="dijit.Menu" id="windowContextMenu" data-dojo-props="contextMenuForWindow:true" style="display: none;">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
+ <div data-dojo-type="dijit/Menu" id="windowContextMenu" data-dojo-props="contextMenuForWindow:true" style="display: none;">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
onClick:function(){alert('not actually cutting anything, just a test!')}">Cut</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
onClick:function(){alert('not actually copying anything, just a test!')}">Copy</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
onClick:function(){alert('not actually pasting anything, just a test!')}">Paste</div>
- <div data-dojo-type="dijit.MenuSeparator"></div>
- <div data-dojo-type="dijit.PopupMenuItem">
+ <div data-dojo-type="dijit/MenuSeparator"></div>
+ <div data-dojo-type="dijit/PopupMenuItem">
<span>Enabled Submenu</span>
- <div data-dojo-type="dijit.Menu" id="submenu1">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Submenu 1!')}">Submenu Item One</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Submenu 2!')}">Submenu Item Two</div>
+ <div data-dojo-type="dijit/Menu" id="submenu1">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('Submenu 1!')}">Submenu Item One</div>
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('Submenu 2!')}">Submenu Item Two</div>
</div>
</div>
- <div data-dojo-type="dijit.PopupMenuItem">
+ <div data-dojo-type="dijit/PopupMenuItem">
<span>Popup of something other than a menu</span>
- <div data-dojo-type="dijit.ColorPalette"></div>
+ <div data-dojo-type="dijit/ColorPalette"></div>
</div>
</div>
View
18 dijit/MenuBar.rst
@@ -89,19 +89,19 @@ Creation from markup is even easier.
.. html ::
- <div data-dojo-type="dijit.MenuBar" id="navMenu">
- <div data-dojo-type="dijit.PopupMenuBarItem">
+ <div data-dojo-type="dijit/MenuBar" id="navMenu">
+ <div data-dojo-type="dijit/PopupMenuBarItem">
<span>File</span>
- <div data-dojo-type="dijit.DropDownMenu" id="fileMenu">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('file 1');}">File #1</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('file 2');}">File #2</div>
+ <div data-dojo-type="dijit/DropDownMenu" id="fileMenu">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('file 1');}">File #1</div>
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('file 2');}">File #2</div>
</div>
</div>
- <div data-dojo-type="dijit.PopupMenuBarItem">
+ <div data-dojo-type="dijit/PopupMenuBarItem">
<span>Edit</span>
- <div data-dojo-type="dijit.DropDownMenu" id="editMenu">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('edit 1');}">Edit #1</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('edit 2');}">Edit #2</div>
+ <div data-dojo-type="dijit/DropDownMenu" id="editMenu">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('edit 1');}">Edit #1</div>
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('edit 2');}">Edit #2</div>
</div>
</div>
</div>
View
6 dijit/MenuBarItem.rst
@@ -51,11 +51,11 @@ Creation from markup is simpler and more structured.
.. html ::
- <div id="menubar" data-dojo-type="dijit.MenuBar">
- <div data-dojo-type="dijit.MenuBarItem" data-dojo-props="onClick:function(){alert('Clicked on BarMenuItem');}">
+ <div id="menubar" data-dojo-type="dijit/MenuBar">
+ <div data-dojo-type="dijit/MenuBarItem" data-dojo-props="onClick:function(){alert('Clicked on BarMenuItem');}">
Click me!
</div>
- <div data-dojo-type="dijit.MenuBarItem" data-dojo-props="disabled:true">
+ <div data-dojo-type="dijit/MenuBarItem" data-dojo-props="disabled:true">
Disabled item
</div>
</div>
View
2  dijit/ProgressBar.rst
@@ -32,7 +32,7 @@ Declarative markup
.. html ::
- <div data-dojo-type="dijit.ProgressBar" style="width:300px"
+ <div data-dojo-type="dijit/ProgressBar" style="width:300px"
data-dojo-id="jsProgress" id="downloadProgress" data-dojo-props="maximum:10"></div>
<br /><input type="button" value="Go!" onclick="download();" />
View
8 dijit/TitlePane.rst
@@ -70,7 +70,7 @@ Creation from markup is even easier.
.. html ::
- <div id="tp2" data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'I\'m a TitlePane Too'">
+ <div id="tp2" data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'I\'m a TitlePane Too'">
Click arrow to close me.
</div>
@@ -92,13 +92,13 @@ For example:
.. html ::
<div style="border: solid black 1px;">
- <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #1'">
+ <div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Pane #1'">
I'm pane #1
</div>
- <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #2'">
+ <div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Pane #2'">
I'm pane #2
</div>
- <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #3'">
+ <div data-dojo-type="dijit/TitlePane" data-dojo-props="title: 'Pane #3'">
I'm pane #3
</div>
</div>
View
26 dijit/Toolbar.rst
@@ -70,16 +70,16 @@ Creation from markup is even easier.
.. html ::
<!-- Tags end on line afterwards to eliminate any whitespace -->
- <div id="toolbar1" data-dojo-type="dijit.Toolbar"
- ><div data-dojo-type="dijit.form.Button" id="toolbar1.cut"
+ <div id="toolbar1" data-dojo-type="dijit/Toolbar"
+ ><div data-dojo-type="dijit/form/Button" id="toolbar1.cut"
data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut', showLabel:false">Cut</div
- ><div data-dojo-type="dijit.form.Button" id="toolbar1.copy"
+ ><div data-dojo-type="dijit/form/Button" id="toolbar1.copy"
data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy', showLabel:false">Copy</div
- ><div data-dojo-type="dijit.form.Button" id="toolbar1.paste"
+ ><div data-dojo-type="dijit/form/Button" id="toolbar1.paste"
data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste', showLabel:false">Paste</div
><!-- The following adds a line between toolbar sections
- --><span data-dojo-type="dijit.ToolbarSeparator"></span
- ><div data-dojo-type="dijit.form.ToggleButton" id="toolbar1.bold"
+ --><span data-dojo-type="dijit/ToolbarSeparator"></span
+ ><div data-dojo-type="dijit/form/ToggleButton" id="toolbar1.bold"
data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">Bold</div>
</div>
@@ -101,17 +101,17 @@ By using :ref:`dijit.form.DropDownButton <dijit/form/DropDownButton>` and :ref:`
.. html ::
- <div id="fancy" data-dojo-type="dijit.Toolbar">
- <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">
+ <div id="fancy" data-dojo-type="dijit/Toolbar">
+ <div data-dojo-type="dijit/form/DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">
<span>Color</span>
- <div data-dojo-type="dijit.ColorPalette"></div>
+ <div data-dojo-type="dijit/ColorPalette"></div>
</div>
- <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconItalic', showLabel:false">
+ <div data-dojo-type="dijit/form/DropDownButton" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconItalic', showLabel:false">
<span>Dialog</span>
- <div data-dojo-type="dijit.TooltipDialog">
- <label for="first">First name:</label> <input data-dojo-type="dijit.form.TextBox" name="first" id="first"/>
+ <div data-dojo-type="dijit/TooltipDialog">
+ <label for="first">First name:</label> <input data-dojo-type="dijit/form/TextBox" name="first" id="first"/>
<br/>
- <label for="last">Last name:</label> <input data-dojo-type="dijit.form.TextBox" name="last" id="last"/>
+ <label for="last">Last name:</label> <input data-dojo-type="dijit/form/TextBox" name="last" id="last"/>
</div>
</div>
</div>
View
8 dijit/Tooltip.rst
@@ -115,13 +115,13 @@ And here's a tooltip created from markup connected to a :ref:`dijit.form.Button
.. html ::
<div class="box">Example content above button</div>
- <button id="buttonId" data-dojo-type="dijit.form.Button">Longanimity</button>
- <button id="button2" data-dojo-type="dijit.form.Button">Tooltip below</button>
+ <button id="buttonId" data-dojo-type="dijit/form/Button">Longanimity</button>
+ <button id="button2" data-dojo-type="dijit/form/Button">Tooltip below</button>
<div class="box">Example content below button</div>
- <div data-dojo-type="dijit.Tooltip" data-dojo-props="connectId:'buttonId',position:['above']">
+ <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'buttonId',position:['above']">
a <i>disposition</i> to bear injuries patiently : <b>forbearance</b>
</div>
- <div data-dojo-type="dijit.Tooltip" data-dojo-props="connectId:'button2',position:['below']">
+ <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'button2',position:['below']">
a <i>disposition</i> to bear injuries patiently : <b>forbearance</b>
</div>
View
16 dijit/TooltipDialog.rst
@@ -43,9 +43,9 @@ The first example shows how to create a TooltipDialog and DropDownButton program
dojo.ready(function(){
var dialog = new dijit.TooltipDialog({
content:
- '<label for="name">Name:</label> <input data-dojo-type="dijit.form.TextBox" id="name" name="name"><br>' +
- '<label for="hobby">Hobby:</label> <input data-dojo-type="dijit.form.TextBox" id="hobby" name="hobby"><br>' +
- '<button data-dojo-type="dijit.form.Button" type="submit">Save</button>'
+ '<label for="name">Name:</label> <input data-dojo-type="dijit/form/TextBox" id="name" name="name"><br>' +
+ '<label for="hobby">Hobby:</label> <input data-dojo-type="dijit/form/TextBox" id="hobby" name="hobby"><br>' +
+ '<button data-dojo-type="dijit/form/Button" type="submit">Save</button>'
});
var button = new dijit.form.DropDownButton({
@@ -110,12 +110,12 @@ Here's one displaying a TooltipDialog:
.. html ::
- <div data-dojo-type="dijit.form.DropDownButton">
+ <div data-dojo-type="dijit/form/DropDownButton">
<span>Register</span>
- <div data-dojo-type="dijit.TooltipDialog">
- <label for="name2">Name:</label> <input data-dojo-type="dijit.form.TextBox" id="name2" name="name2"><br>
- <label for="hobby2">Hobby:</label> <input data-dojo-type="dijit.form.TextBox" id="hobby2" name="hobby2"><br>
- <button data-dojo-type="dijit.form.Button" type="submit">Save</button>
+ <div data-dojo-type="dijit/TooltipDialog">
+ <label for="name2">Name:</label> <input data-dojo-type="dijit/form/TextBox" id="name2" name="name2"><br>
+ <label for="hobby2">Hobby:</label> <input data-dojo-type="dijit/form/TextBox" id="hobby2" name="hobby2"><br>
+ <button data-dojo-type="dijit/form/Button" type="submit">Save</button>
</div>
</div>
View
12 dijit/Tree-examples.rst
@@ -51,7 +51,7 @@ Combining those all together into an example:
.. html ::
- <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
+ <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
<!-- Create store with inlined data.
For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
<script type="dojo/method">
@@ -88,7 +88,7 @@ Combining those all together into an example:
</div>
<!-- Create the model bridging the store and the Tree -->
- <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
+ <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
data-dojo-props="store: myStore, query: {id: 'world'}"></div>
<!-- buttons to test Tree features -->
@@ -103,7 +103,7 @@ Combining those all together into an example:
</button>
<!-- Create the tree -->
- <div data-dojo-type="dijit.Tree" data-dojo-id="mytree"
+ <div data-dojo-type="dijit/Tree" data-dojo-id="mytree"
data-dojo-props="model: myModel, autoExpand: true"></div>
@@ -129,7 +129,7 @@ simply set the ``openOnClick`` attribute to ``true``
.. html ::
- <div data-dojo-type="dojo.store.Memory" data-dojo-id="memoryStore">
+ <div data-dojo-type="dojo/store/Memory" data-dojo-id="memoryStore">
<!-- Create store with inlined data.
For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
<script type="dojo/method">
@@ -166,11 +166,11 @@ simply set the ``openOnClick`` attribute to ``true``
</div>
<!-- Create the model bridging the store and the Tree -->
- <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
+ <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
data-dojo-props="store: memoryStore, query: {id: 'world'}"></div>
<!-- Create the tree -->
- <div data-dojo-type="dijit.Tree" id="mytree"
+ <div data-dojo-type="dijit/Tree" id="mytree"
data-dojo-props="model: myModel, openOnClick: true"></div>
View
28 dijit/Tree.rst
@@ -171,7 +171,7 @@ In any case, the dijit.tree.Model and dijit.Tree themselves can still be created
.. html ::
- <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
+ <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
<!-- Create store with inlined data.
For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
<script type="dojo/method">
@@ -208,11 +208,11 @@ In any case, the dijit.tree.Model and dijit.Tree themselves can still be created
</div>
<!-- Create the model bridging the store and the Tree -->
- <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
+ <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
data-dojo-props="store: myStore, query: {id: 'world'}"></div>
<!-- Create the tree -->
- <div data-dojo-type="dijit.Tree" id="myTree" data-dojo-props="model: myModel"></div>
+ <div data-dojo-type="dijit/Tree" id="myTree" data-dojo-props="model: myModel"></div>
Icons
@@ -292,7 +292,7 @@ The item still exists in the model but it's hidden on the screen:
<!-- Create store with inlined data.
For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
- <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
+ <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
<script type="dojo/method">
this.setData([
{ id: 'world', name:'The earth', type:'planet', population: '6 billion'},
@@ -327,11 +327,11 @@ The item still exists in the model but it's hidden on the screen:
</div>
<!-- Create the model bridging the store and the Tree -->
- <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
+ <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
data-dojo-props="store: myStore, query: {id: 'world'}"></div>
<!-- Create the tree -->
- <div data-dojo-type="dijit.Tree" id="myTree"
+ <div data-dojo-type="dijit/Tree" id="myTree"
data-dojo-props="model: myModel, showRoot: false"></div>
@@ -403,11 +403,11 @@ in a `dojo.store.Observable <dojo/store/Observable>`, as below:
.. html ::
<!-- Create the model bridging the store and the Tree -->
- <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
+ <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
data-dojo-props="store: myStore, query: {id: 'world'}"></div>
<!-- Create the tree -->
- <div data-dojo-type="dijit.Tree" id="myTree" data-dojo-props="model: myModel"></div>
+ <div data-dojo-type="dijit/Tree" id="myTree" data-dojo-props="model: myModel"></div>
<!-- Buttons to show data store update -->
<button onclick="myStore.add({id: 'US', name:'United States', type:'country', parent: 'NA'});">
@@ -671,12 +671,12 @@ Tree has no built-in support for context menus, but you can use the Menu widget
.. html ::
- <ul data-dojo-type="dijit.Menu" id="tree_menu" style="display: none;">
- <li data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Hello world');}">Item #1</li>
- <li data-dojo-type="dijit.MenuItem">Item #2</li>
+ <ul data-dojo-type="dijit/Menu" id="tree_menu" style="display: none;">
+ <li data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){alert('Hello world');}">Item #1</li>
+ <li data-dojo-type="dijit/MenuItem">Item #2</li>
</ul>
- <div data-dojo-type="dojo.store.Memory" data-dojo-id="myStore">
+ <div data-dojo-type="dojo/store/Memory" data-dojo-id="myStore">
<!-- Create store with inlined data.
For larger data sets should use dojo.store.JsonRest etc. instead of dojo.store.Memory. -->
<script type="dojo/method">
@@ -713,11 +713,11 @@ Tree has no built-in support for context menus, but you can use the Menu widget
</div>
<!-- Create the model bridging the store and the Tree -->
- <div data-dojo-type="dijit.tree.ObjectStoreModel" data-dojo-id="myModel"
+ <div data-dojo-type="dijit/tree/ObjectStoreModel" data-dojo-id="myModel"
data-dojo-props="store: myStore, query: {id: 'world'}"></div>
<!-- Create the tree, and connect to the menu -->
- <div data-dojo-type="dijit.Tree" id="menuTree"
+ <div data-dojo-type="dijit/Tree" id="menuTree"
data-dojo-props="model: myModel, showRoot: false, openOnClick: true">
<script type="dojo/connect">
View
4 dijit/_FocusMixin.rst
@@ -29,9 +29,9 @@ Mixin dijit._FocusMixin when you declare your widget, and then reference _onFocu
.. js ::
dojo.declare("MyWidget", [dijit._WidgetBase, dijit._TemplatedMixin, dijit._WidgetsInTemplateMixin, dijit._FocusMixin], {
- templateString: "<div><input data-dojo-type="dijit.form.TextBox"><input><input></div>",
+ templateString: '<div><input data-dojo-type="dijit/form/TextBox"><input><input></div>',
_onFocus: function(){
- console.log("On of my descendant widgets / nodes got focus");
+ console.log("One of my descendant widgets / nodes got focus");
this.inherited(arguments);
},
_onBlur: function(){
View
2  dijit/_TemplatedMixin.rst
@@ -147,7 +147,7 @@ For example:
.. html ::
- <button data-dojo-type="dijit.form.Button">press me</button>
+ <button data-dojo-type="dijit/form/Button">press me</button>
If the template defines data-dojo-attach-point="containerNode", the children from the srcNodeRef will be copied to this node.
View
12 dijit/_WidgetsInTemplateMixin.rst
@@ -21,8 +21,8 @@ But what if we want to have a widget inside of the template, as in:
.. html ::
<div class="combinedDateTime">
- <div data-dojo-type="dijit.form.DateTextBox"></div>
- <div data-dojo-type="dijit.form.TimeTextBox"></div>
+ <div data-dojo-type="dijit/form/DateTextBox"></div>
+ <div data-dojo-type="dijit/form/TimeTextBox"></div>
</div>
When using this template in a directly extended widget class, you will need to mixin :ref:`dijit._WidgetsInTemplateMixin <dijit/_WidgetsInTemplateMixin>` in addition to :ref:`dijit._TemplatedMixin <dijit/_TemplatedMixin>`.
@@ -38,8 +38,8 @@ For example, with this template:
.. html ::
<div class="combinedDateTime">
- <div data-dojo-type="dijit.form.DateTextBox" data-dojo-attach-point="start"></div>
- <div data-dojo-type="dijit.form.TimeTextBox" data-dojo-attach-point="end"></div>
+ <div data-dojo-type="dijit/form/DateTextBox" data-dojo-attach-point="start"></div>
+ <div data-dojo-type="dijit/form/TimeTextBox" data-dojo-attach-point="end"></div>
</div>
You can do this in your widget code:
@@ -62,11 +62,11 @@ For example, consider InlineEditBox which embeds dijit buttons into it's own tem
><div data-dojo-attach-point="editorPlaceholder"></div
><span data-dojo-attach-point="buttonContainer"
><button class='saveButton' data-dojo-attach-point="saveButton"
- data-dojo-type="dijit.form.Button" data-dojo-attach-event="onClick:save" disabled="true">
+ data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:save" disabled="true">
${buttonSave}
</button
><button class='cancelButton' data-dojo-attach-point="cancelButton"
- data-dojo-type="dijit.form.Button" data-dojo-attach-event="onClick:cancel">
+ data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:cancel">
${buttonCancel}
</button
></span
View
8 dijit/_editor/plugins/FontChoice.rst
@@ -47,7 +47,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']"></div>
@@ -74,7 +74,7 @@ An example of disabling it is below:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]"></div>
With the preview disabled, the selects show basic text only.
@@ -98,7 +98,7 @@ Basic Usage
<b>Select any of the text below and experiment with the font options</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fontName', 'fontSize', 'formatBlock']">
<br>
<br>
<h1>This is a header</h1>
@@ -125,7 +125,7 @@ Basic Usage: Plain Text Previews
<b>Select any of the text below and experiment with the font options</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'fontName', plainText: true}, {name: 'fontSize', plainText: true}, {name: 'formatBlock', plainText: true}]">
<br>
<br>
<h1>This is a header</h1>
View
8 dijit/_editor/plugins/FullScreen.rst
@@ -60,7 +60,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['fullscreen']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['fullscreen']"></div>
@@ -87,7 +87,7 @@ Example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:[name: 'fullscreen', zIndex: 900}]"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:[name: 'fullscreen', zIndex: 900}]"></div>
Full Screen mode and LayoutContainers
@@ -144,7 +144,7 @@ Basic Usage
<b>Press the FullScreen button or use the hotkey CTRL-SHIFT-F11 while in the editing pane and the editor will go into full screen mode</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fullscreen']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['fullscreen']">
<div>
<br>
blah blah & blah!
@@ -192,7 +192,7 @@ Setting the zIndex
<br>
<br>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name:'fullscreen', zIndex: 900}]">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name:'fullscreen', zIndex: 900}]">
<div>
<br>
blah blah & blah!
View
4 dijit/_editor/plugins/LinkDialog.rst
@@ -58,7 +58,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']"></div>
@@ -91,7 +91,7 @@ Basic Usage
<b>Select any of the links or images below and click the appropriate button to change their properties. Or, click where on the page you want to insert an image or a link, then click the appropriate button and create the image or link.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['createLink', 'unlink', 'insertImage']">
<br>
<br>
<a href="http://www.dojotoolkit.org">The best Ajax Toolkit there is, Dojo!</a>
View
8 dijit/_editor/plugins/NewPage.rst
@@ -44,7 +44,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['newpage']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['newpage']"></div>
@@ -60,7 +60,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
Or programmatically:
@@ -89,7 +89,7 @@ Basic Usage
<b>Enter some text then press the New Page button. The editor content will then clear.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['newpage']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['newpage']">
<div>
<br>
blah blah & blah!
@@ -132,7 +132,7 @@ Custom New Page Content
<b>Enter some text then press the New Page button. The editor content will then be replaced with the custom new page content.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name: 'newpage', content: 'This is some &lt;b&gt;custom&lt;/b&gt; content!'}]">
<div>
<br>
blah blah & blah!
View
4 dijit/_editor/plugins/Print.rst
@@ -43,7 +43,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['print']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['print']"></div>
@@ -72,7 +72,7 @@ Basic Usage
<b>Enter some text then press the print button. The browser print dialog should open and allow you to print the editor content</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['print']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['print']">
<div>
<br>
blah blah & blah!
View
8 dijit/_editor/plugins/TextColor.rst
@@ -53,7 +53,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']"></div>
And that's it.
@@ -80,7 +80,7 @@ Basic Usage: foreColor (Text Color)
<b>Enter some text and select it, or select existing text, then push the TextColor button to select a new color for it.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor']">
<div>
<br>
blah blah & blah!
@@ -123,7 +123,7 @@ Basic Usage: hiliteColor (Text Background Color)
<b>Enter some text and select it, or select existing text, then push the Text Background Color button to select a new background color for it.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['hiliteColor']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['hiliteColor']">
<div>
<br>
blah blah & blah!
@@ -166,7 +166,7 @@ Basic Usage: Both foreground and background color buttons together
<b>Enter some text and select it, or select existing text, then change its colors via the text color and text background color buttons.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['foreColor', 'hiliteColor']">
<div>
<br>
blah blah & blah!
View
4 dijit/_editor/plugins/ToggleDir.rst
@@ -51,7 +51,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['toggleDir']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['toggleDir']"></div>
@@ -79,7 +79,7 @@ Basic Usage
<b>Toggle the RTL button and see the content swap back and forth</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['toggleDir']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['toggleDir']">
<br>
<br>
<a href="http://www.dojotoolkit.org">The best Ajax Toolkit there is, Dojo!</a>
View
8 dijit/_editor/plugins/ViewSource.rst
@@ -49,7 +49,7 @@ For example:
.. html ::
- <div data-dojo-type="dijit.Editor" id="editor" data-dojo-props="extraPlugins:['viewsource']"></div>
+ <div data-dojo-type="dijit/Editor" id="editor" data-dojo-props="extraPlugins:['viewsource']"></div>
And that's it.
@@ -128,7 +128,7 @@ Basic Usage
<b>Toggle the View Source button to see the contents in source mode.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:['viewsource']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:['viewsource']">
<div>
<br>
blah blah & blah!
@@ -170,7 +170,7 @@ Viewing Source with PrettyPrint Plugin enabled and readOnly source
<b>Toggle the View Source button to see the contents in source mode.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name:'viewsource',readOnly: true}, 'prettyprint']">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="extraPlugins:[{name:'viewsource',readOnly: true}, 'prettyprint']">
<div>
<br>
blah blah & blah!
@@ -215,7 +215,7 @@ This example also organizes the toolbar a bit.
<b>Toggle the View Source button to see the contents in source mode.</b>
<br>
- <div data-dojo-type="dijit.Editor" height="250px" id="input" data-dojo-props="plugins:[{name:'prettyprint',indentBy:3},'viewsource','fullscreen','|','undo','redo','|','cut','copy','paste','|','bold','italic','underline','strikethrough','|','insertOrderedList','insertUnorderedList','indent','outdent','|','justifyLeft','justifyRight','justifyCenter','justifyFull',{name:'dijit._editor.plugins.EnterKeyHandling',blockNodeForEnter:'DIV'}]">
+ <div data-dojo-type="dijit/Editor" height="250px" id="input" data-dojo-props="plugins:[{name:'prettyprint',indentBy:3},'viewsource','fullscreen','|','undo','redo','|','cut','copy','paste','|','bold','italic','underline','strikethrough','|','insertOrderedList','insertUnorderedList','indent','outdent','|','justifyLeft','justifyRight','justifyCenter','justifyFull',{name:'dijit._editor.plugins.EnterKeyHandling',blockNodeForEnter:'DIV'}]">
<div>
<br>
blah blah & blah!
View
2  dijit/a11y/statement.rst
@@ -64,7 +64,7 @@ Widget sizing can also be an issue.
When creating elements which require size, consider that some users may need to increase the font size.
If you set the height of a dijit toolbar to 25px and a user has set the font size to largest, any text in the toolbar may be clipped.
Instead of using px, set the height using ems and the toolbar size will be relative to the font size:
-<div data-dojo-type="dijit.Toolbar" data-dojo-props="region:'top'" style="height:1.25em">
+<div data-dojo-type="dijit/Toolbar" data-dojo-props="region:'top'" style="height:1.25em">
Also be aware of source code ordering, the BorderContainer will properly align the ContentPane regions when it renders them, no matter if the bottom region is specified before the top region in source code order.
But, for best support by assistive technology, add the ContentPane regions in correct source code order, with top regions appearing first and bottom regions last.
View
8 dijit/byId.rst
@@ -58,7 +58,7 @@ Example 1: Locating a widget by its ID
.. html ::
- <input id="myTextBox" data-dojo-type="dijit.form.TextBox" type="text" value="Default Value"></input>
+ <input id="myTextBox" data-dojo-type="dijit/form/TextBox" type="text" value="Default Value"></input>
<br><br>
<div id="textNode" style="background-color: lightgray"></div>
@@ -89,7 +89,7 @@ Example 2: Locating a widget by its id and accessing its DOM node (main DOM rend
.. html ::
- <input id="myTextBox2" data-dojo-type="dijit.form.TextBox" type="text" value="Default Value"></input>
+ <input id="myTextBox2" data-dojo-type="dijit/form/TextBox" type="text" value="Default Value"></input>
<br><br>
<div id="textNode2" style="background-color: lightgray"></div>
@@ -121,7 +121,7 @@ Example 3: Comparing dojo.byId and dijit.byId
.. html ::
- <input id="myTextBox3" data-dojo-type="dijit.form.TextBox" type="text" value="Default Value"></input>
+ <input id="myTextBox3" data-dojo-type="dijit/form/TextBox" type="text" value="Default Value"></input>
<br><br>
<div id="textNode3" style="background-color: lightgray"></div>
@@ -138,7 +138,7 @@ and a data-dojo-id attribute (dojo specific id attribute explained below):
.. html ::
<div id="myDivId"
- data-dojo-type="dijit.layout.ContentPane"
+ data-dojo-type="dijit/layout/ContentPane"
data-dojo-id="myDojoId">
Hello Everyone!
</div>
View
14 dijit/form.rst
@@ -182,12 +182,12 @@ That's not good for several reasons:
Never fear.
For every HTML control, there's a Dijit equivalent that does the same thing, and obeys most of the HTML attributes.
-* <input type="text"> becomes data-dojo-type="dijit.form.TextBox", data-dojo-type="dijit.form.ValidationTextBox", data-dojo-type="dijit.form.NumberTextBox", etc.
-* <input type="checkbox"> becomes data-dojo-type="dijit.form.Checkbox"
-* <textarea> becomes data-dojo-type="dijit.form.Textarea" or data-dojo-type="dijit.form.SimpleTextArea"
-* <select> becomes data-dojo-type="dijit.FilteringSelect"
-* <input type="radio"> becomes data-dojo-type="dijit.form.RadioButton"
-* <button> (or <input type="submit"> etc.) becomes data-dojo-type="dijit.form.Button"
+* <input type="text"> becomes data-dojo-type="dijit/form/TextBox", data-dojo-type="dijit/form/ValidationTextBox", data-dojo-type="dijit/form/NumberTextBox", etc.
+* <input type="checkbox"> becomes data-dojo-type="dijit/form/Checkbox"
+* <textarea> becomes data-dojo-type="dijit/form/Textarea" or data-dojo-type="dijit/form/SimpleTextArea"
+* <select> becomes data-dojo-type="dijit/FilteringSelect"
+* <input type="radio"> becomes data-dojo-type="dijit/form/RadioButton"
+* <button> (or <input type="submit"> etc.) becomes data-dojo-type="dijit/form/Button"
.. _mapped:
@@ -202,7 +202,7 @@ For example, a NumberSpinner may be declared like:
.. html ::
- <div data-dojo-type="dijit.form.NumberSpinner" data-dojo-props="value:1000">
+ <div data-dojo-type="dijit/form/NumberSpinner" data-dojo-props="value:1000">
(note the "value" keyword). But when it's displayed in America it looks like "1,000" (with the comma). And if they user types in "1,234,567", it gets sent back to the server as "123456789".
View
6 dijit/form/Button.rst
@@ -66,7 +66,7 @@ As usual, you can create the Button widget declaratively using the data-dojo-typ
.. html ::
- <button data-dojo-type="dijit.form.Button" type="button">Click me too!
+ <button data-dojo-type="dijit/form/Button" type="button">Click me too!
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt">
// Do something:
dojo.byId("result2").innerHTML += "Thank you! ";
@@ -89,7 +89,7 @@ Use the showLabel parameter to suppress it from appearing under normal circumsta
.. html ::
- <button data-dojo-type="dijit.form.Button" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut', showLabel: false" type="button">cut</button>
+ <button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut', showLabel: false" type="button">cut</button>
Change the icon
@@ -112,7 +112,7 @@ Following example toggles the icon if the button:
.. html ::
- <button data-dojo-type="dijit.form.Button" id="toggleButton" onClick="toggle();" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut'" type="button">
+ <button data-dojo-type="dijit/form/Button" id="toggleButton" onClick="toggle();" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut'" type="button">
Click me!
</button>
View
2  dijit/form/CheckBox.rst
@@ -64,7 +64,7 @@ Let's create a checkbox with HTML markup, initially checked:
.. html ::
- <input id="mycheck" name="mycheck" data-dojo-type="dijit.form.CheckBox" value="agreed" checked onChange="alert('onChange called with parameter = ' + arguments[0] + ', and widget value = ' + dijit.byId('mycheck').get('value'))"> <label for="mycheck">I agree</label>
+ <input id="mycheck" name="mycheck" data-dojo-type="dijit/form/CheckBox" value="agreed" checked onChange="alert('onChange called with parameter = ' + arguments[0] + ', and widget value = ' + dijit.byId('mycheck').get('value'))"> <label for="mycheck">I agree</label>
Accessibility
View
6 dijit/form/ComboBox.rst
@@ -99,7 +99,7 @@ To set the default value when using OPTION tags, specify the *selected* attribut
.. html ::
- <select data-dojo-type="dijit.form.ComboBox" id="fruit" name="fruit">
+ <select data-dojo-type="dijit/form/ComboBox" id="fruit" name="fruit">
<option>Apples</option>
<option selected>Oranges</option>
<option>Pears</option>
@@ -120,10 +120,10 @@ To set the default value for this example, specify the *value* attribute in the
.. html ::
- <div data-dojo-type="dojo.store.Memory"
+ <div data-dojo-type="dojo/store/Memory"
data-dojo-id="stateStore"
data-dojo-props="data: [{id: 'y', name: 'yes'}, {id: 'n', name: 'no'}]"></div>
- <input data-dojo-type="dijit.form.FilteringSelect"
+ <input data-dojo-type="dijit/form/FilteringSelect"
value="y"
data-dojo-props="store:stateStore, searchAttr:'name'"
name="state"
View
8 dijit/form/ComboButton.rst
@@ -66,11 +66,11 @@ and the other for the drop-down widget that's displayed when you press the butto
.. html ::
- <div data-dojo-type="dijit.form.ComboButton">
+ <div data-dojo-type="dijit/form/ComboButton">
<span>get all mail</span>
- <div data-dojo-type="dijit.DropDownMenu">
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){console.log('hi!')}">Yahoo</div>
- <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){console.log('ho!')}">Google</div>
+ <div data-dojo-type="dijit/DropDownMenu">
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){console.log('hi!')}">Yahoo</div>
+ <div data-dojo-type="dijit/MenuItem" data-dojo-props="onClick:function(){console.log('ho!')}">Google</div>
</div>
</div>
View
2  dijit/form/CurrencyTextBox.rst
@@ -42,7 +42,7 @@ In this example using USD, both dollars and cents are required.
<label for="income1">U.S. Dollars</label>
<input type="text" name="income1" id="income1" value="54775.53"
- data-dojo-type="dijit.form.CurrencyTextBox"
+ data-dojo-type="dijit/form/CurrencyTextBox"
data-dojo-props="required:true,
constraints:{fractional:true},
currency:'USD',
View
2  dijit/form/DataList.rst
@@ -25,7 +25,7 @@ HTML5 markup
.. html ::
- <select data-dojo-type="dijit.form.DataList" data-dojo-props='id:"fruit"' >
+ <select data-dojo-type="dijit/form/DataList" data-dojo-props='id:"fruit"' >
<option value="Ap">Apples</option>
<option value="Ba">Bananas</option>
<option value="Bl">Blueberries</option>
View
8 dijit/form/DateTextBox.rst
@@ -72,7 +72,7 @@ Declarative example
<label for="date1">Drop down Date box:</label>
<input type="text" name="date1" id="date1" value="2005-12-30"
- data-dojo-type="dijit.form.DateTextBox"
+ data-dojo-type="dijit/form/DateTextBox"
required="true" />
@@ -148,10 +148,10 @@ and the second widget sets the `min` constraint of the first widget.
.. html ::
<label for="fromDate">From:</label>
- <input id="fromDate" type="text" name="fromDate" data-dojo-type="dijit.form.DateTextBox" required="true"
+ <input id="fromDate" type="text" name="fromDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="dijit.byId('toDate').constraints.min = arguments[0];" />
<label for="toDate">To:</label>
- <input id="toDate" type="text" name="toDate" data-dojo-type="dijit.form.DateTextBox" required="true"
+ <input id="toDate" type="text" name="toDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="dijit.byId('fromDate').constraints.max = arguments[0];" />
@@ -178,7 +178,7 @@ The catch is that this can only be set after the widget has been created.
.. html ::
<label for="shortYear">From:</label>
- <input id="shortYear" type="text" name="shortYear" data-dojo-type="dijit.form.DateTextBox" value="1999-12-31" required="true"/>
+ <input id="shortYear" type="text" name="shortYear" data-dojo-type="dijit/form/DateTextBox" value="1999-12-31" required="true"/>
Accessibility
=============
View
10 dijit/form/DropDownButton.rst
@@ -79,12 +79,12 @@ Here's one displaying a :ref:`TooltipDialog <dijit/TooltipDialog>`:
.. html ::
- <div data-dojo-type="dijit.form.DropDownButton">
+ <div data-dojo-type="dijit/form/DropDownButton">
<span>Register</span>
- <div data-dojo-type="dijit.TooltipDialog">
- <label for="name">Name:</label> <input data-dojo-type="dijit.form.TextBox" id="name" name="name"><br>
- <label for="hobby">Hobby:</label> <input data-dojo-type="dijit.form.TextBox" id="hobby" name="hobby"><br>
- <button data-dojo-type="dijit.form.Button" type="submit">Save</button>
+ <div data-dojo-type="dijit/TooltipDialog">
+ <label for="name">Name:</label> <input data-dojo-type="dijit/form/TextBox" id="name" name="name"><br>
+ <label for="hobby">Hobby:</label> <input data-dojo-type="dijit/form/TextBox" id="hobby" name="hobby"><br>
+ <button data-dojo-type="dijit/form/Button" type="submit">Save</button>
</div>
</div>
View
6 dijit/form/FilteringSelect.rst
@@ -106,7 +106,7 @@ If you want the FilteringSelect to start blank, use a different method to create
.. html ::
- <select data-dojo-type="dijit.form.FilteringSelect" id="fruit" name="fruit">
+ <select data-dojo-type="dijit/form/FilteringSelect" id="fruit" name="fruit">
<option value="AP">Apples</option>
<option value="OR" selected>Oranges</option>
<option value="PE" >Pears</option>
@@ -127,10 +127,10 @@ To set the default value for this example, specify the *value* attribute (the hi
.. html ::
- <div data-dojo-type="dojo.store.Memory"
+ <div data-dojo-type="dojo/store/Memory"
data-dojo-id="stateStore"
data-dojo-props="data: [{id: 'y', name: 'yes'}, {id: 'n', name: 'no'}]"></div>
- <input data-dojo-type="dijit.form.FilteringSelect"
+ <input data-dojo-type="dijit/form/FilteringSelect"
value="y"
data-dojo-props="store:stateStore, searchAttr:'name'"
name="state"
View
22 dijit/form/Form.rst
@@ -35,7 +35,7 @@ Try opening this example and immediately clicking Submit, and compare the behavi
.. html ::
- <div data-dojo-type="dijit.form.Form" id="myForm" data-dojo-id="myForm"
+ <div data-dojo-type="dijit/form/Form" id="myForm" data-dojo-id="myForm"
encType="multipart/form-data" action="" method="">
<script type="dojo/method" data-dojo-event="onReset">
return confirm('Press OK to reset widget values');
@@ -57,7 +57,7 @@ Try opening this example and immediately clicking Submit, and compare the behavi
<label for="name">Name:</label>
</td>
<td>
- <input type="text" id="name" name="name" required="true" data-dojo-type="dijit.form.ValidationTextBox"/>
+ <input type="text" id="name" name="name" required="true" data-dojo-type="dijit/form/ValidationTextBox"/>
</td>
</tr>
<tr>
@@ -65,14 +65,14 @@ Try opening this example and immediately clicking Submit, and compare the behavi
<label for="dob">Date of birth:</label>
</td>
<td>
- <input type="text" id="dob" name="dob" data-dojo-type="dijit.form.DateTextBox"/>
+ <input type="text" id="dob" name="dob" data-dojo-type="dijit/form/DateTextBox"/>
</td>
</tr>
</table>
- <button data-dojo-type="dijit.form.Button" type=button onClick="console.log(myForm.getValues())">Get Values from form!</button>
- <button data-dojo-type="dijit.form.Button" type="submit" name="submitButton" value="Submit">Submit</button>
- <button data-dojo-type="dijit.form.Button" type="reset">Reset</button>
+ <button data-dojo-type="dijit/form/Button" type=button onClick="console.log(myForm.getValues())">Get Values from form!</button>
+ <button data-dojo-type="dijit/form/Button" type="submit" name="submitButton" value="Submit">Submit</button>
+ <button data-dojo-type="dijit/form/Button" type="reset">Reset</button>
</div>
Note that it's using a <div> node instead of the obvious choice of a <form> node because of some `IE issues <http://bugs.dojotoolkit.org/ticket/8424>`_
@@ -102,7 +102,7 @@ AND when you have selected 1 of the native HTML radio buttons.
.. html ::
- <div data-dojo-type="dijit.form.Form" id="myFormThree" data-dojo-id="myFormThree"
+ <div data-dojo-type="dijit/form/Form" id="myFormThree" data-dojo-id="myFormThree"
encType="multipart/form-data" action="" method="">
<script type="dojo/method" data-dojo-event="validate">
return dojo.query('INPUT[name=order]', 'myFormThree').filter(function(n){return n.checked;}).length > 0 &&
@@ -126,7 +126,7 @@ AND when you have selected 1 of the native HTML radio buttons.
<label for="name">Name:</label>
</td>
<td>
- <input type="text" name="name" required="true" data-dojo-type="dijit.form.ValidationTextBox"/>
+ <input type="text" name="name" required="true" data-dojo-type="dijit/form/ValidationTextBox"/>
</td>
</tr>
<tr>
@@ -140,11 +140,11 @@ AND when you have selected 1 of the native HTML radio buttons.
</tr>
</table>
- <button data-dojo-type="dijit.form.Button" onClick="alert('Form is ' + (myFormThree.validate()?'':'not ') + 'valid');return false">
+ <button data-dojo-type="dijit/form/Button" onClick="alert('Form is ' + (myFormThree.validate()?'':'not ') + 'valid');return false">
Validate form
</button>
- <button data-dojo-type="dijit.form.Button" type="submit" name="submitButtonThree" value="Submit">Submit</button>
- <button data-dojo-type="dijit.form.Button" type="reset">Reset</button>
+ <button data-dojo-type="dijit/form/Button" type="submit" name="submitButtonThree" value="Submit">Submit</button>
+ <button data-dojo-type="dijit/form/Button" type="reset">Reset</button>
</div>
View
10 dijit/form/HorizontalRule.rst
@@ -31,11 +31,11 @@ Standalone Ruler
.. html ::
<div style="width:2in;border-top:1px solid black;">
- <div data-dojo-type="dijit.form.HorizontalRule" data-dojo-props="count:17" style="height:.4em;"></div>
- <div data-dojo-type="dijit.form.HorizontalRule" data-dojo-props="count:9" style="height:.4em;"></div>
- <div data-dojo-type="dijit.form.HorizontalRule" data-dojo-props="count:5" style="height:.4em;"></div>
- <div data-dojo-type="dijit.form.HorizontalRule" data-dojo-props="count:3" style="height:.4em;"></div>
- <ol data-dojo-type="dijit.form.HorizontalRuleLabels" data-dojo-props="labelStyle:'font-style:monospace;font-size:.7em;margin:-1em 0px 0px -.35em;'">
+ <div data-dojo-type="dijit/form/HorizontalRule" data-dojo-props="count:17" style="height:.4em;"></div>
+ <div data-dojo-type="dijit/form/HorizontalRule" data-dojo-props="count:9" style="height:.4em;"></div>
+ <div data-dojo-type="dijit/form/HorizontalRule" data-dojo-props="count:5" style="height:.4em;"></div>
+ <div data-dojo-type="dijit/form/HorizontalRule" data-dojo-props="count:3" style="height:.4em;"></div>
+ <ol data-dojo-type="dijit/form/HorizontalRuleLabels" data-dojo-props="labelStyle:'font-style:monospace;font-size:.7em;margin:-1em 0px 0px -.35em;'">
<li>0</li>
<li>1</li>
<li>2</li>
View
2  dijit/form/MappedTextBox.rst
@@ -21,7 +21,7 @@ For example, a NumberSpinner may be declared like
.. html ::
- <div data-dojo-type="dijit.form.NumberSpinner" data-dojo-props="value:1000">
+ <div data-dojo-type="dijit/form/NumberSpinner" data-dojo-props="value:1000">
(note the "value" keyword). But when it's displayed in America it looks like "1,000" (with the comma).
And if the user types in "1,234,567", it gets sent back to the server as "123456789".
View
4 dijit/form/MultiSelect.rst
@@ -46,7 +46,7 @@ To set the default value when using OPTION tags, specify the *selected* attribut
**Note:** If you are using the declarative example and want to manually specify 'selected' or 'selected="selected"'
on multiple <options> to have multiple selected on the initial load, you'll need to add the multiple="true" attribute
to your native <select> element.
-Eg. <select data-dojo-type="dijit.form.MultiSelect" multiple="true"...
+Eg. <select data-dojo-type="dijit/form/MultiSelect" multiple="true"...
.. code-example ::
@@ -56,7 +56,7 @@ Eg. <select data-dojo-type="dijit.form.MultiSelect" multiple="true"...
.. html ::
- <select data-dojo-type="dijit.form.MultiSelect" id="fruit" name="fruit" size="4">
+ <select data-dojo-type="dijit/form/MultiSelect" id="fruit" name="fruit" size="4">
<option value="AP">Apples</option>
<option value="OR">Oranges</option>
<option value="PE" selected>Pears</option>
View
4 dijit/form/NumberSpinner.rst
@@ -40,7 +40,7 @@ You have all the options available in the :ref:`Dojo constraint language <quicks
.. html ::
- <input data-dojo-type="dijit.form.NumberSpinner"
+ <input data-dojo-type="dijit/form/NumberSpinner"
value="1000"
smallDelta="10"
constraints="{min:9,max:1550,places:0}"
@@ -103,7 +103,7 @@ If you'd like onChange to fire after every button click, set the attribute inter
.. html ::
<label for="temperatureCelsius">Temperature in Celsius:</label>
- <div data-dojo-type="dijit.form.NumberSpinner"
+ <div data-dojo-type="dijit/form/NumberSpinner"
intermediateChanges="true"
id="temperatureCelsius"
constraints="{min:0,max:40}"
View
4 dijit/form/NumberTextBox.rst
@@ -51,7 +51,7 @@ This example defines a ``min`` and ``max`` constraint and an initial value.
<label for="q05">Integer between -20000 to +20000:</label>
<input id="q05" type="text"
- data-dojo-type="dijit.form.NumberTextBox"
+ data-dojo-type="dijit/form/NumberTextBox"
name= "elevation"
value="3000"
constraints="{min:-20000,max:20000,places:0}"
@@ -102,7 +102,7 @@ Try entering a simple value like "-3" and then tab away to see the effect.
<label for="zeroPadded">Fractional value:</label>
<input id="zeroPadded" type="text"
- data-dojo-type="dijit.form.NumberTextBox"
+ data-dojo-type="dijit/form/NumberTextBox"
name= "decimal"
value="0"
constraints="{pattern: '+0.000;-0.000'}"
View
2  dijit/form/RadioButton.rst
@@ -49,7 +49,7 @@ We'll wrap both inside a FORM to illustrate what happens on submit.
<form id="myform">
<input type="radio" name="drink" id="radioOne" checked value="tea"/> <label for="radioOne">Tea</label> <br />
- <input type="radio" data-dojo-type="dijit.form.RadioButton" name="drink" id="radioTwo" value="coffee"/> <label for="radioTwo">Coffee</label> <br />
+ <input type="radio" data-dojo-type="dijit/form/RadioButton" name="drink" id="radioTwo" value="coffee"/> <label for="radioTwo">Coffee</label> <br />
</form>
<button onclick="with(dojo.byId('myform'))with(elements[0])with(elements[checked?0:1])alert(name+'='+value);return false">Show form submit value</button>
View
6 dijit/form/Select.rst
@@ -46,7 +46,7 @@ This example shows a simple Select widget - converted from a select tag.
.. html ::
- <select name="select1" data-dojo-type="dijit.form.Select">
+ <select name="select1" data-dojo-type="dijit/form/Select">
<option value="TN">Tennessee</option>
<option value="VA" selected="selected">Virginia</option>
<option value="WA">Washington</option>
@@ -93,7 +93,7 @@ When styling the entries of a Select widget, you must use div and span tags, ins
.. html ::
- <div name="select3" value="AK" data-dojo-type="dijit.form.Select">
+ <div name="select3" value="AK" data-dojo-type="dijit/form/Select">
<span value="AL"><b>Alabama</b></span>
<span value="AK"><font color="red">A</font><font color="orange">l</font><font color="yellow">a</font><font color="green">s</font><font color="blue">k</font><font color="purple">a</font></span>
<span value="AZ"><i>Arizona</i></span>
@@ -116,7 +116,7 @@ However, you can specify a width on the select to force a fixed width.
.. html ::
- <select data-dojo-id="s3" name="s3" id="s3" style="width: 150px;" data-dojo-type="dijit.form.Select">
+ <select data-dojo-id="s3" name="s3" id="s3" style="width: 150px;" data-dojo-type="dijit/form/Select">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option type="separator"></option>
View
2  dijit/form/SimpleTextarea.rst
@@ -63,7 +63,7 @@ In this instance, the initial *value* is the child text node of the TEXTAREA ele
.. html ::
- <textarea id="textarea2" name="textarea2" data-dojo-type="dijit.form.SimpleTextarea" rows="4" cols="50" style="width:auto;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
+ <textarea id="textarea2" name="textarea2" data-dojo-type="dijit/form/SimpleTextarea" rows="4" cols="50" style="width:auto;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
Accessibility
View
10 dijit/form/Slider.rst
@@ -74,7 +74,7 @@ The following code fills in a simple textbox called sliderValue.
.. html ::
<div id="slider"></div>
- <p><input type="text" id="sliderValue" data-dojo-type="dijit.form.TextBox" /></p>
+ <p><input type="text" id="sliderValue" data-dojo-type="dijit/form/TextBox" /></p>
Programmatic example of a vertical slider
@@ -127,11 +127,11 @@ This example also shows the end buttons removed.
.. html ::
- <div id="horizontalSlider" data-dojo-type="dijit.form.HorizontalSlider"
+ <div id="horizontalSlider" data-dojo-type="dijit/form/HorizontalSlider"
value="6" minimum="-10" maximum="10" discreteValues="11"
intermediateChanges="true"
showButtons="false" style="width:400px;" name="horizontalSlider">
- <ol data-dojo-type="dijit.form.HorizontalRuleLabels" container="topDecoration"
+ <ol data-dojo-type="dijit/form/HorizontalRuleLabels" container="topDecoration"
style="height:1.5em;font-size:75%;color:gray;">
<li> </li>
<li>20%</li>
@@ -140,9 +140,9 @@ This example also shows the end buttons removed.
<li>80%</li>
<li> </li>
</ol>
- <div data-dojo-type="dijit.form.HorizontalRule" container="bottomDecoration"
+ <div data-dojo-type="dijit/form/HorizontalRule" container="bottomDecoration"
count=11 style="height:5px;"></div>
- <ol data-dojo-type="dijit.form.HorizontalRuleLabels" container="bottomDecoration"
+ <ol data-dojo-type="dijit/form/HorizontalRuleLabels" container="bottomDecoration"
style="height:1em;font-size:75%;color:gray;">
<li>0%</li>
<li>50%</li>
View
12 dijit/form/TextBox.rst
@@ -49,7 +49,7 @@ Declarative example
<label for="firstname">Auto-trimming, Proper-casing Textbox:</label>
<input type="text" name="firstname" value="testing testing"
- data-dojo-type="dijit.form.TextBox"
+ data-dojo-type="dijit/form/TextBox"
data-dojo-props="trim:true, propercase:true" id="firstname">
@@ -68,11 +68,11 @@ Please see the following for an example:
.. html ::
- <label for="dtb">A default textbox:</label> <input id="dtb" data-dojo-type="dijit.form.TextBox"/>
+ <label for="dtb">A default textbox:</label> <input id="dtb" data-dojo-type="dijit/form/TextBox"/>
<br>
- <label for="ltb">A large textbox:</label> <input id="ltb" style="width: 50em;" data-dojo-type="dijit.form.TextBox"/>
+ <label for="ltb">A large textbox:</label> <input id="ltb" style="width: 50em;" data-dojo-type="dijit/form/TextBox"/>
<br>
- <label for="stb">A small textbox:</label> <input id="stb" style="width: 10em;" data-dojo-type="dijit.form.TextBox"/>
+ <label for="stb">A small textbox:</label> <input id="stb" style="width: 10em;" data-dojo-type="dijit/form/TextBox"/>
<br>
@@ -110,9 +110,9 @@ Please see the following example for more detail:
.. html ::
- <label for="value0Box">A textbox with a value:</label> <input id="value0Box" data-dojo-type="dijit.form.TextBox" value="Some value" data-dojo-props="intermediateChanges:true"></input>
+ <label for="value0Box">A textbox with a value:</label> <input id="value0Box" data-dojo-type="dijit/form/TextBox" value="Some value" data-dojo-props="intermediateChanges:true"></input>
<br>
- <label for="value1Box">A textbox set with a value from the above textbox:</label> <input id="value1Box" data-dojo-type="dijit.form.TextBox"></input>
+ <label for="value1Box">A textbox set with a value from the above textbox:</label> <input id="value1Box" data-dojo-type="dijit/form/TextBox"></input>
<br>
Using the placeholder parameter
View
2  dijit/form/Textarea.rst
@@ -58,7 +58,7 @@ In this instance, the initial *value* is the child text node of the TEXTAREA ele
.. html ::
- <textarea id="textarea2" name="textarea2" data-dojo-type="dijit.form.Textarea" style="width:200px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
+ <textarea id="textarea2" name="textarea2" data-dojo-type="dijit/form/Textarea" style="width:200px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
Accessibility
View
2  dijit/form/TimeTextBox.rst
@@ -74,7 +74,7 @@ Declarative example
<label for="time1">Drop down Time box:</label>
<input type="text" name="date1" id="time1" value="T15:00:00"
- data-dojo-type="dijit.form.TimeTextBox"
+ data-dojo-type="dijit/form/TimeTextBox"
onChange="dojo.byId('val').value=arguments[0].toString().replace(/.*1970\s(\S+).*/,'T$1')"
required="true" />
<br>string value: <input readonly disabled id='val' value='value not changed' />
View
2  dijit/form/ToggleButton.rst
@@ -57,7 +57,7 @@ Now let's create a ToggleButton widget with HTML markup, initially checked:
.. html ::
- <button data-dojo-type="dijit.form.ToggleButton" data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: true">
+ <button data-dojo-type="dijit/form/ToggleButton" data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: true">
Toggle me
</button>
View
6 dijit/form/ValidationTextBox.rst
@@ -66,7 +66,7 @@ ValidationTextBox widgets usually use Regular Expression validation, as in the f
<label for="phone">Phone number, no spaces:</label>
<input type="text" name="phone" id="phone" value="someTestString"
- data-dojo-type="dijit.form.ValidationTextBox"
+ data-dojo-type="dijit/form/ValidationTextBox"
data-dojo-props="regExp:'[\\w]+', required:true, invalidMessage:'Invalid Non-Space Text.'">
Using regular expressions
@@ -86,7 +86,7 @@ This code demonstrates a ValidationTextBox that only accepts a 5 digit zip code.
<label for="zip">Also 5-Digit U.S. Zipcode only:</label>
<input type="text" name="zip" value="00000"
- data-dojo-type="dijit.form.ValidationTextBox"
+ data-dojo-type="dijit/form/ValidationTextBox"
data-dojo-props="regExp:'\\d{5}', required:true, invalidMessage:'Invalid zip code.'">
Generate regular expressions
@@ -115,7 +115,7 @@ The following code demonstrates a dynamic ValidationTextBox that only accepts a
<label for="zip2">Also 5-Digit U.S. Zipcode only:</label>
<input type="text" name="zip" value="00000" id="zip2"
- data-dojo-type="dijit.form.ValidationTextBox"
+ data-dojo-type="dijit/form/ValidationTextBox"
data-dojo-props="regExpGen:after5, required:true, invalidMessage:'Zip codes after 5, county name before then.'">
View
10 dijit/form/VerticalRule.rst
@@ -29,11 +29,11 @@ Standalone Ruler
.. html ::
<div style="height:2in;border-left:1px solid black;">
- <div data-dojo-type="dijit.form.VerticalRule" data-dojo-props="count:17" style="width:.4em;"></div>
- <div data-dojo-type="dijit.form.VerticalRule" data-dojo-props="count:9" style="width:.4em;"></div>
- <div data-dojo-type="dijit.form.VerticalRule" data-dojo-props="count:5" style="width:.4em;"></div>
- <div data-dojo-type="dijit.form.VerticalRule" data-dojo-props="count:3" style="width:.4em;"></div>
- <ol data-dojo-type="dijit.form.VerticalRuleLabels" data-dojo-props="labelStyle:'font-style:monospace;font-size:.7em;margin:0px -1em -.35em 0px;'">
+ <div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:17" style="width:.4em;"></div>
+ <div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:9" style="width:.4em;"></div>
+ <div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:5" style="width:.4em;"></div>
+ <div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:3" style="width:.4em;"></div>
+ <ol data-dojo-type="dijit/form/VerticalRuleLabels" data-dojo-props="labelStyle:'font-style:monospace;font-size:.7em;margin:0px -1em -.35em 0px;'">
<li>1</li>
<li>2</li>
<li>3</li>
View
10 dijit/info.rst
@@ -36,7 +36,7 @@ is identical to:
<script type="text/javascript">
dojo.require("dijit.Dialog");
</script>
- <div data-dojo-type="dijit.Dialog" title="Hello Dijit!" id="someId"></div>
+ <div data-dojo-type="dijit/Dialog" title="Hello Dijit!" id="someId"></div>
The declarative method requires you include the :ref:`dojo.parser <dojo/parser>` and have either ``dojoConfig.parseOnLoad`` set to true, or you manually call ``dojo.parser.parse()`` when you would like the widgets (aka: Dijits) to be created.