awTree displays JSON data as an interactive HTML unordered list. It uses jQuery and the jQuery UI widget factory.
Run Bower to install dependencies:
bower install
| 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 |
See index.html for an example usage.