Reply To: custom json or array object list

[mustafaParticipant]

I tried it but it not working

function StructureTreeDataBind(data) {
    var dynamicNav = "";
    if (data != "undefined") {
        dynamicNav += '<ul>';
        for (var i = 0; i < data.length; i++) {

            dynamicNav += ' <li id=' + data[i].RootMenu_ID + ' class="mainMenu">';
            dynamicNav += '<span class="title">' + data[i].RootMenu_Name + '</span>';

            if (data[i].SubMenus != null) {

                dynamicNav += '<ul class="sub-menu">';

                for (var n = 0; n < data[i].SubMenus.length; n++) {

                    dynamicNav += ' <li id=' + data[i].SubMenus[n].SubMenu_ID + '>';
                    dynamicNav += '<span class="title">' + data[i].SubMenus[n].SubMenu_Name + '</span>';
                    dynamicNav += '</li>';

                    for (var s = 0; s < data[i].SubMenus[i].Elements.length; s++) {
                        dynamicNav += '<ul>';
                        dynamicNav += ' <li id=' + data[i].SubMenus[n].Elements[s].ElementID + '>';
                        dynamicNav += '<span class="title">' + data[i].SubMenus[n].Elements[s].ElementName + '</span>';
                        dynamicNav += '</li>';
                        dynamicNav += '</ul>';
                    }

                }
                dynamicNav += '</ul>';
            }
            dynamicNav += '</li>';
        }
        dynamicNav += '</ul>';
        $('#jqxTree').append(dynamicNav);
    }
}

  <div id='jqxTree' style='visibility: hidden; float: left; margin-left: 20px;'>
                            </div>

   $(document).ready(function () {
        GetUserGroupStructures();
        $('#jqxTree').jqxTree({ height: '400px', hasThreeStates: true, checkboxes: true, width: '330px' });
        $('#jqxTree').css('visibility', 'visible');
       
    });

I do not see the arrows and I select checkbox the sub menu, but not selected submenus