MooTools Tree control
JavaScript PHP
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Demos
Docs
Source
assets
README.md
license.txt
package.yml
scripts.json

README.md

Mif.Tree

The most famouse mootools tree for web applications.

Screenshot

How to use

demo docs

#js
tree = new Mif.Tree({
	container: $('tree_container'),// tree container
	types: {// node types
		folder: {
			openIcon: 'mif-tree-open-icon',//css class open icon
			closeIcon: 'mif-tree-close-icon'// css class close icon
		}
	},
	dfltType: 'folder',//default node type
	height: 18//node height
});

var json = [
	{
		"property": {
			"name": "root"
		},
		"children": [
			{
				"property": {
					"name": "node1"
				}
			},
			{
				"property": {
					"name": "node2"
				},
				"state": {
					"open": true
				},
				"children":[
					{
						"property": {
							"name": "node2.1"
						}
					},
					{
						"property": {
							"name": "node2.2"
						}
					}
				]
			},
			{
				"property": {
					"name": "node4"
				}
			},
			{
				"property": {
					"name": "node3"
				}
			}
		]
	}
];

// load tree from json.
tree.load({
	json: json
});