AW.UI.Tree

Tree control.

Constructor

 var obj = new AW.UI.Tree; 

Hierarchy

Models

control	Control data.
control format	Formatting object.
control image	Image name.
control link	Hyperlink URL.
control state	Control's state.
control text	Displayed text.
control tooltip	Tooltip text.
control value	Control's value.
control visible	Control's visibility.
current	Current item (focus).
current item	Current item (focus).
item	List item data.
item count	Number of items.
item format	Formatting object.
item image	Image name.
item link	Hyperlink URL.
item selected	Selection flag (true/false).
item state	Item state.
item text	Displayed text.
item tooltip	Tooltip text.
item value	Item value.
selected	Selected items.
selected items	Selected items (array of indices).
selection	Selection mode.
selection mode	Selection mode (single/multi).
tab	Tab index.
tab index	Tab index.
view	List view data.
view count	Length of the view range.
view expanded	Expanded/collapsed flag.
view indices	Array of the list item indices.
view offset	Offset (number of positions) of the view range.
view position	Item position.

Templates

content	Main content area.
group	Group template.
item	List item.
layout	Control layout.
scroll	Scroll/overflow template.

Methods

calculateItemState	Returns item state.
clear	Clears all models.
clearControlModel	Clears control model
clearCurrentModel	Clears current model
clearItemModel	Clears item model
clearSelectedModel	Clears selected model
clearSelectionModel	Clears selection model
clearStateModel	Clears state model
clearTabModel	Clears tab model
clearViewModel	Clears view model
clone	Creates an object clone.
defineControlProperty	Creates new control property
defineCurrentProperty	Creates new current property
defineItemProperty	Creates new item property
defineModel	Creates get/set methods for the model.
defineSelectedProperty	Creates new selected property
defineSelectionProperty	Creates new selection property
defineStateProperty	Creates new state property
defineTabProperty	Creates new tab property
defineTemplate	Creates get/set methods for the template.
defineViewProperty	Creates new view property
element	Returns the reference to the HTML element.
getAttribute	Returns the value of the attribute.
getClass	Returns the value of the CSS class.
getContent	Returns the named HTML fragment.
getContentTemplate	Returns content template
getControlFormat	Returns control format
getControlImage	Returns control image
getControlLink	Returns control link
getControlModel	Returns control model
getControlProperty	Returns control property
getControlState	Returns control state
getControlText	Returns control text
getControlTooltip	Returns control tooltip
getControlValue	Returns control value
getControlVisible	Returns control visible
getCurrentItem	Returns current item
getCurrentModel	Returns current model
getCurrentProperty	Returns current property
getEvent	Returns the HTML event handler.
getGroupTemplate	Returns group template
getId	Returns the unique ID of this object.
getItemCount	Returns item count
getItemFormat	Returns item format
getItemImage	Returns item image
getItemLink	Returns item link
getItemModel	Returns item model
getItemProperty	Returns item property
getItemSelected	Returns item selected
getItemState	Returns item state
getItemTemplate	Returns item template
getItemText	Returns item text
getItemTooltip	Returns item tooltip
getItemValue	Returns item value
getLayoutTemplate	Returns layout template
getModel	Returns the external model.
getScrollTemplate	Returns scroll template
getSelectedItems	Returns selected items
getSelectedModel	Returns selected model
getSelectedProperty	Returns selected property
getSelectionMode	Returns selection mode
getSelectionModel	Returns selection model
getSelectionProperty	Returns selection property
getStateModel	Returns state model
getStateProperty	Returns state property
getStyle	Returns the value of the CSS style attribute.
getTabIndex	Returns tab index
getTabModel	Returns tab model
getTabProperty	Returns tab property
getTag	Returns the HTML tag name.
getTemplate	Returns the template.
getViewCount	Returns view count
getViewExpanded	Returns view expanded
getViewIndices	Returns view indices
getViewModel	Returns view model
getViewOffset	Returns view offset
getViewPosition	Returns view position
getViewProperty	Returns view property
init	Initializes the object.
mapModel	Redirects property requests.
mapTemplate	Redirects template requests.
raiseEvent	Raises AW control event.
refresh	Updates the HTML element.
refreshClasses	Updates the className attribute of the HTML element.
setAttribute	Sets the value of the attribute.
setClass	Sets the value of the CSS class.
setContent	Adds the static HTML fragment to the object.
setContentTemplate	Sets content template
setControlFormat	Sets control format
setControlImage	Sets control image
setControlLink	Sets control link
setControlModel	Sets control model
setControlProperty	Sets control property
setControlState	Sets control state
setControlText	Sets control text
setControlTooltip	Sets control tooltip
setControlValue	Sets control value
setControlVisible	Sets control visible
setController	Assigns the controller.
setCurrentItem	Sets current item
setCurrentModel	Sets current model
setCurrentProperty	Sets current property
setEvent	Assigns the HTML event handler.
setGroupTemplate	Sets group template
setId	Sets the unique ID for this object.
setItemCount	Sets item count
setItemFormat	Sets item format
setItemImage	Sets item image
setItemLink	Sets item link
setItemModel	Sets item model
setItemProperty	Sets item property
setItemSelected	Sets item selected
setItemState	Sets item state
setItemTemplate	Sets item template
setItemText	Sets item text
setItemTooltip	Sets item tooltip
setItemValue	Sets item value
setLayoutTemplate	Sets layout template
setModel	Assigns the external model.
setPosition	Sets element position (absolute).
setScrollTemplate	Sets scroll template
setSelectedItems	Sets selected items
setSelectedModel	Sets selected model
setSelectedProperty	Sets selected property
setSelectionMode	Sets selection mode
setSelectionModel	Sets selection model
setSelectionProperty	Sets selection property
setSize	Sets element size.
setStateModel	Sets state model
setStateProperty	Sets state property
setStyle	Sets the value of the CSS style attribute.
setTabIndex	Sets tab index
setTabModel	Sets tab model
setTabProperty	Sets tab property
setTag	Sets the HTML tag name.
setTemplate	Assigns the template.
setTimeout	Calls the function after the specified delay.
setViewCount	Sets view count
setViewExpanded	Sets view expanded
setViewIndices	Sets view indices
setViewModel	Sets view model
setViewOffset	Sets view offset
setViewPosition	Sets view position
setViewProperty	Sets view property
toString	Converts object to string.

Events

property change events - property changing/changed
template change events - template changed
control activation events - control activated/deactivated (focus/blur)
control keyboard events - keypress and special keys
control mouse events - control mouseover, mousedown, click etc.
item mouse events - item mouseover, mousedown, click etc.

Example

var tree = {
    0: [1, 2, 3, 4],
    1: [5, 6],
    2: [7],
    3: [8],
    4: [9]
}

var obj = new AW.UI.Tree;
obj.setItemText(["", "Home", "Favorites", "Font size", "Search", "Child node 1", "Child node 2"]);
obj.setItemImage(["", "home", "favorites", "fontsize", "search"]);
obj.setViewCount(function(i){return tree[i] ? tree[i].length : 0});
obj.setViewIndices(function(i){return tree[i]});
document.write(obj);

See also

Tree control overview