JSFiddle - React, Tailwind, and code Playground

by bmccord

HTML

<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<select id="basicTree" class="easyui-combotree" data-options="lines:true"></select>

JavaScript

var data = [{
    "id":1,
    "text":"Folder1",
    "iconCls":"icon-ok",
    "children":[{
        "id":2,
        "text":"File1",
        "checked":true
    },{
        "id":3,
        "text":"Folder2",
        "state":"open",
        "children":[{
            "id":4,
            "text":"File2",
            "attributes":{
                "p1":"value1",
                "p2":"value2"
            },
            "checked":true,
            "iconCls":"icon-reload"
        },{
            "id": 8,
            "text":"Folder3",
            "state":"closed",
            "children":[{
                "id":9,
                "text":"File31"
            },{
                "id":10,
                "text":"File32"
            }]
        }]
    }]
},{
    "text":"Languages",
    "state":"closed",
    "children":[{
        "id":"j1",
        "text":"Java"
    },{
        "id":"j2",
        "text":"C#"
    }]
}];


$('#basicTree').combotree( {onSelect: function(node) {console.log(node);}}, 'loadData', data);