scramatte/miftree

MooTools Tree control

Mif.Tree

The most famouse mootools tree for web applications.

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
});