jsTreeMaker-v1.0

Base fiddle for jsTreeMaker

HTML

<script src="https://rawgit.com/jasonwilczak/jsTreeMaker/master/jsTreeMaker.js"></script>
<h4>Example From HTML</h4>
<ul>
    <li>Test1
        <ul>
            <li>Sub Item 1</li>
        </ul>
    </li>
    <li>Test2</li>
</ul>

<button id="getData">Get Data</button>
<div id="fromCode">My Data</div>

JavaScript

var myOptions = {PlaceListActionsAfterText:false,Container: document.getElementById("fromCode"),TreeViewData: [
    {Display: "Test1",Id:1,ParentId:0,Children: [
        {Display: "Test1a",Id:2,ParentId:1,Children: [
            {Display: "Test1a1",Id:3,ParentId:2,Children: []}
        ]},
        {Display: "Test1b",Id:4,ParentId:1,Children: []}
    ]},
    {Display: "Test2",Id:5,ParentId:0,Children: [
        {Display: "Test2a",Id:6,ParentId:5,Children: []}
    ]}
]};
jsTreeMaker.Initialize(myOptions);
document.getElementById("getData").onclick = function() {
 var data = jsTreeMaker.GetDataAsJsonString();
    alert(data);
}

//jsTreeMaker.Initialize({ Container: $('#dataContainer').get(0), PlaceListActionsAfterText: false });
//jsTreeMaker.LoadTree(currentModel.Items);