Documentation v8.0.25

Preview Purchase

jsTree is jquery plugin, that provides interactive trees. For more info please visit the plugin's Homeor Github Repo.

Checkable Tree

Here's a jsTree example with a checkable tree. For more info, please visit the official website.

JAVASCRIPT
HTML

$('#kt_docs_jstree_checkable').jstree({
    'plugins': ["wholerow", "checkbox", "types"],
    'core': {
        "themes" : {
            "responsive": false
        },
        'data': [{
                "text": "Same but with checkboxes",
                "children": [{
                    "text": "initially selected",
                    "state": {
                        "selected": true
                    }
                }, {
                    "text": "custom icon",
                    "icon": "fa fa-warning text-danger"
                }, {
                    "text": "initially open",
                    "icon" : "fa fa-folder text-default",
                    "state": {
                        "opened": true
                    },
                    "children": ["Another node"]
                }, {
                    "text": "custom icon",
                    "icon": "fa fa-warning text-waring"
                }, {
                    "text": "disabled node",
                    "icon": "fa fa-check text-success",
                    "state": {
                        "disabled": true
                    }
                }]
            },
            "And wholerow selection"
        ]
    },
    "types" : {
        "default" : {
            "icon" : "fa fa-folder text-warning"
        },
        "file" : {
            "icon" : "fa fa-file  text-warning"
        }
    },
});

<div id="kt_docs_jstree_checkable"></div>

2021© Md Abdul Momin

Explore Metronic

Metronic Licenses

License FAQs

Regular License

For single end product used by you or one client

$ 39

Extended License

For single end product with paying users.

$ 939

Custom License

Reach us for custom license offers.

Buy Now

Metronic Demos

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Coming soon

Demo 11

Coming soon

Demo 13

Coming soon

Getting Started

Base

Forms

Editors

Charts

General

Icons

Documentation v8.0.25