Попытка загрузить узлы в JSTree, используя jquery - PullRequest
Новая
       25

Попытка загрузить узлы в JSTree, используя jquery

0 голосов
/ 27 августа 2018

В настоящее время я пытаюсь загрузить древовидную структуру, используя jquery и плагин JSTree. Я передаю информацию через API для получения объекта JSON, который содержит все относящиеся к нему файлы и папки, но не отображается. Все, что отображается, это значок папки, но когда я открою DevTools, он покажет, что мой объект JSON прошел. Я уверен, что это вопрос добавления узлов, но я не уверен, с чего начать. У моего объекта JSON есть информация, которую мне не нужно отображать, поэтому я должен быть избирательным.

Мои функции JS 

 function GetOrder() {

        var order = document.getElementById("orderNbr").value;
       $.ajax({
            cache: false,
            type: "GET",
            url: "http://localhost:54754/orders/Contents",
            data: { 'ordNbr': order },
            success: function (response) { createJSTree(response) }
            ,
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });

    };

    function createJSTree(response) {
        $('#SimpleJSTree').jstree({
            "core": {
                "data": response,
                "plugins": ["checkbox"],
                "themes": { "stripes": true },
                "animation": 0
            }
        });
    }

Мой объект JSON 

{SPFiles: [{Name: "Original Email.eml", CreatedyBy: "NET\Domain Users",…},…],…}
Folder:null
FolderName:"\\server\edocs\Documents\Orders\2018\MG0813581"
FullPath:null
Properties:{}
SP:null
SPFiles:[{Name: "Original Email.eml", CreatedyBy: "NET\Domain Users",…},…]
0:{Name: "Original Email.eml", CreatedyBy: "NET\Domain Users",…}
1:{Name: "mainorder.pdf", CreatedyBy: "NET\Domain Users",…}

SPFolders:[{SPFiles: [], SPFolders: [], FolderName: "Claims", Properties: {}, Folder: null,…},…]

0:{SPFiles: [], SPFolders: [], FolderName: "Claims", Properties: {}, Folder: null,…}
Folder:null
FolderName:"Claims"
FullPath:"\\server\edocs\Documents\Orders\2018\MG0813581\Claims"
Properties:{}
SP:null
SPFiles:[]
SPFolders:[]

1:{SPFiles: [{Name: "art.pdf", CreatedyBy: "NET\Domain Users",…}], 
SPFolders: [],…}
Folder:null
FolderName:"Customer Art"
FullPath:"\\server\edocs\Documents\Orders\2018\MG0813581\Customer Art"
Properties:{}
SP:null
SPFiles:[{Name: "art.pdf", CreatedyBy: "NET\Domain Users",…}]
SPFolders:[]

2:{SPFiles: [{Name: "artfile.pdf", CreatedyBy: "NET\Domain Users",…}], SPFolders: [],…}
Folder:null
FolderName:"Production Art"
FullPath:"\\server\edocs\Documents\Orders\2018\MG0813581\Production Art"
Properties:{}
SP:null
SPFiles:[{Name: "artfile.pdf", CreatedyBy: "NET\Domain Users",…}]
SPFolders:[]

Есть ли рекомендуемый способ добавления узлов с помощью JSTree или обычного дерева? Я думал о построении дерева в html и заполнении каждого узла, но не знал, сработает ли это. Я думал, так как у меня есть все мои данные в объекте JSON, я мог бы просто заполнить дерево мгновенно.

...