dijit
<script src="../../js/dojo.js"></script>
defined in dojo/_base/_loader/bootstrap.js


NamespacesBack to top
Home of the official dijit demo code
Form and input related widgets
Layout related widgets
This class is used to show/hide widgets as popups.
These functions are used to repetitively call a user specified callback method when a specific key or mouse click over a specific DOM node is held down for a specific amount of time. Only 1 such event is allowed to occur on the browser page at 1 time.
cache of iframes


ConstructorsBack to top
For IE z-index schenanigans. id attribute is required.
A keyboard accessible color-picking widget
The Declaration widget allows a user to declare new widget classes directly from a snippet of markup.
The component that grays out the screen behind the dialog Template has two divs; outer div is used for fade-in/fade-out, and also to hold background iframe. Inner div has opacity specified in CSS file.

A rich-text Editing widget
An element with in-line edit capabilitites

A context menu you can assign to multiple elements
A line between two menu items
A progress indication widget
A pane with a title on top, that can be opened or collapsed.
A Toolbar widget, used to hold things like dijit.Editor buttons
A spacer between two Toolbar items
Pops up a tooltip (a help message) when you hover over a node.
Pops up a dialog that appears like a Tooltip
This widget displays hierarchical data from a store. A query is specified to get the "top level children" from a data store, and then those items are queried for their children and so on (but lazily, as the user clicks the expand node). Thus in the default mode of operation this widget is technically a forest, not a tree, in that there can be multiple "top level children". However, if you specify label, then a special top level node (not corresponding to any item in the datastore) is created, to father all the top level children.
A set of widgets indexed by id
A simple GUI for choosing a date in the context of a monthly calendar.
Mixin for widgets that are children of a container widget
Mixin for widgets that contain a list of children.
internal widget used by InlineEditBox, displayed when in editing mode to display the editor and maybe save/cancel buttons. Calling code should connect to save/cancel methods to detect when editing is finished Has mainly the same parameters as InlineEditBox, plus these values: style: Object Set of CSS attributes of display node, to replicate in editor value: String Value as an HTML string or plain text string, depending on renderAsHTML flag
Internal widget that holds the actual tooltip markup, which occurs once per page. Called by Tooltip widgets which are just containers to hold the markup
Mixin for widgets that are instantiated from a template
A graphical time picker. This widget is used internally by other widgets and is not accessible as a standalone widget.


FunctionsBack to top
Sets the focused node and the selection according to argument. To set focus to an iframe's content, pass in the iframe itself.
Retrieves a bookmark that can be used with moveToBookmark to return to the same range

Get window object associated with document doc
Returns the widget whose dom tree contains node or null if the node is not contained within the dom tree of any widget
Finds the descendant of the specified root node that is first in the tabbing order
Returns the current focus and selection. Called when a popup appears (either a top level menu or a dialog), or when a toolbar/menubar receives focus
Finds the descendant of the specified root node that is last in the tabbing order
Generates a unique id for a given widgetType
Returns the dimensions and scroll position of the viewable area of a browser window

Gets the role for an element.
Gets the value of a state on an element.

Determines if an element has a role.
Determines if an element has a given state.

hide the tooltip
tests whether the current selection is empty

Tests if an element is tab-navigable
Moves current selection to a bookmark
Keeps 'node' in the visible area of the screen while trying to place closest to pos.x, pos.y. The input coordinates are expected to be the desired document position. Set which corner(s) you want to bind to, such as placeOnScreen(node, {x: 10, y: 20}, ["TR", "BL"]) The desired x/y will be treated as the topleft(TL)/topright(TR) or BottomLeft(BL)/BottomRight(BR) corner of the node. Each corner is tested and if a perfect match is found, it will be used. Otherwise, it goes through all of the specified corners, and choose the most appropriate one. NOTE: node is assumed to be absolutely or relatively positioned.

Registers listeners on the specified window (either the main window or an iframe) to detect when the user has clicked somewhere. Anyone that creates an iframe should call this function.

Removes the role from an element.
Removes a state from an element.
Scroll the passed node into view, if it is not.
Select text in the input element argument, from start (default 0), to stop (default end).
Sets the role on an element.
Sets a state on an element.
Display tooltip w/specified contents in specified position. See description of dijit.Tooltip.defaultPosition for details on position parameter. If position is not specified then dijit.Tooltip.defaultPosition is used.
Finds the following descendants of the specified root node: * the first tab-navigable element in document order without a tabindex or with tabindex="0" * the last tab-navigable element in document order without a tabindex or with tabindex="0" * the first element in document order with the lowest positive tabindex value * the last element in document order with the highest positive tabindex value

Called when focus leaves a node. Usually ignored, _unless_ it *isn't* follwed by touching another node, which indicates that we tabbed off the last field on the page, in which case every widget is marked inactive
Callback when node is focused
Callback when node is focused or mouse-downed
Given a list of spots to put node, put it at the first spot where it fits, of if it doesn't fit anywhere then the place with the least overflow

The stack of active widgets has changed. Send out appropriate events and record new stack


PropertiesBack to top
A roll-up for common dijit methods
A list of widgets on a page.