JavaScript Tree

Set the source property of the jqxTree. Author: http://jqwidgets.com

by redoak2000

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxTree' style='float: left; margin-left: 60px;'></div>

JavaScript

var source = [
    {
        "label": "致君深圳",
        "value": "ZJSZ",
        "html": null,
        "id": "01",
        "disabled": false,
        "checked": false,
        "selected": false,
        "expanded": false,
        "icon": null,
        "iconsize": 0,
        "level": 0,
        "hasItems": false,
        "items": [
            {
                "label": "粉针",
                "value": "01",
                "html": null,
                "id": "01",
                "disabled": false,
                "checked": false,
                "selected": false,
                "expanded": false,
                "icon": null,
                "iconsize": 0,
                "level": 0,
                "hasItems": false,
                "items": [
                    {
                        "label": "注射用头孢呋辛钠",
                        "value": "ZSYTBFXN",
                        "html": null,
                        "id": "010101",
                        "disabled": false,
                        "checked": false,
                        "selected": false,
                        "expanded": false,
                        "icon": null,
                        "iconsize": 0,
                        "level": 0,
                        "hasItems": false,
                        "items": [
                            {
                                "label": "0.5g*600瓶",
                                "value": "ZSYTBFXN",
                                "html": null,
                                "id": "0101010003",
                                "disabled": false,
                                "checked": true,
                                "selected": true,
                                "expanded": false,
                                "icon": null,
                                "iconsize": 0,
                                "level": 0,
                                "hasItems": false,
                                "items": null
                    ...