Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
MooTools Tree control
JavaScript PHP
branch: v1.4

This branch is 8 commits ahead, 19 commits behind creaven:v1.2

Fetching latest commit…

Cannot retrieve the latest commit at this time

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
});
Something went wrong with that request. Please try again.