anthonywoodard/awtree

Display JSON data as an interactive HTML unordered list.

awTree

awTree displays JSON data as an interactive HTML unordered list. It uses jQuery and the jQuery UI widget factory.

Setup

Run Bower to install dependencies:

bower install

Options

Name	Description	Type	Default
checkbox	Append checkboxes to nodes	Boolean	false
expandAll	Expand all nodes	Boolean	false
labelKey	The name in the JSON data string that is to be the text for the node	String	name
childrenKey	The name in the JSON data string that stores the child nodes	String	children
lazyLoad	Determines if a lazyLoad event is triggered when showing children for elements with has-children attribute	Boolean	false
data	Stores the data used to create the tree	Object	{}
nodeClicked	Executes the supplied function when a node is clicked and triggers the nodeClicked event	Function	Empty Function
nodeChecked	If checkbox is true, executes the supplied function when a node is checked and triggers the nodeChecked event	Function	Empty Function
nodeUnChecked	If checkbox is true, executes the supplied function when a node is unchecked and triggers the nodeUnChecked event	Function	Empty Function
childNodeChecked	If checkbox is true, executes the supplied function when a child node is checked and triggers the childNodeChecked event	Function	Empty Function
childNodeUnChecked	If checkbox is true, executes the supplied function when a child node is unchecked and triggers the childNodeUnChecked event	Function	Empty Function
nodeCollapsed	Executes the supplied function when a node is collapsed and triggers the nodeCollapsed event	Function	Empty Function
nodeExpanded	Executes the supplied function when a node is expanded and triggers the nodeExpanded event	Function	Empty Function

Example

See index.html for an example usage.