如何将我的数组对象中的数据传递给我的jstree？

您好我想知道我怎么可以在我的数组对象的数据得到我jstree ..如何将我的数组对象中的数据传递给我的jstree？

例如，我有这个数组对象（这是上市在我的收存箱文件夹在我的控制台响应）

0:Object 
     .tag:"folder" 
     id:"id:dEOW7ElDHUgAAAAAAAAABw" 
     name:"Yahoo! Mail" 
     path_display:"/Yahoo! Mail" 
     path_lower:"/yahoo! mail" 
    1:Object 
     .tag:"folder" 
     id:"id:dEOW7ElDHUgAAAAAAAAAJg" 
     name:"Sample Folder" 
     path_display:"/Sample Folder" 
     path_lower:"/sample folder" 

    2:Object 
     .tag:"folder" 
     id:"id:dEOW7ElDHUgAAAAAAAAAJw" 
     name:"Sample Folder 1" 
     path_display:"/Sample Folder 1" 
     path_lower:"/sample folder 1"

我想这个代码，但没有显示的文件夹我试图安慰它和响应是在顶部

  $("#people").jstree({ 
         // generating tree from json data 
         "json_data" : { 
          "data" : [{ 
            "data": response.entries, 

           }] 

         }, 
         // plugins used for this tree 
         "plugins" : [ "json_data", "ui", "types" ] 
        })

来源

2017-02-20 VLR

你尝试过什么？ Dropbox HTTP API'list_folder'返回一个JSON。所以你只需要将API响应映射到与jstree兼容的格式，如https://www.jstree.com/docs/json/ –

中所解释的。我编辑了我的代码，response.entries来自保存箱中的响应API – VLR

的3个对象，您只需要数据如下jstree标准地图。这是一个基本的例子基础上给出的数据：

var response = { 
 
    "entries": [{ 
 
    "tag": "folder", 
 
    "id": "id:dEOW7ElDHUgAAAAAAAAABw", 
 
    "name": "Yahoo! Mail", 
 
    "path_display": "/Yahoo! Mail", 
 
    "path_lower": "/yahoo! mail" 
 
    }, { 
 
    "tag": "folder", 
 
    "id": "id:dEOW7ElDHUgAAAAAAAAAJg", 
 
    "name": "Sample Folder", 
 
    "path_display": "/Sample Folder", 
 
    "path_lower": "/sample folder" 
 
    }, { 
 
    "tag": "folder", 
 
    "id": "id:dEOW7ElDHUgAAAAAAAAAJw", 
 
    "name": "Sample Folder 1", 
 
    "path_display": "/Sample Folder 1", 
 
    "path_lower": "/sample folder 1" 
 
    }] 
 
} 
 

 
// map data to jstree standard 
 
response.entries.forEach(function(entry) { 
 
\t if (entry.tag == 'folder') { 
 
    \t entry.parent = '#' 
 
    } 
 
    entry.text = entry.name 
 
}) 
 

 
$('#jstree').jstree({ 
 
    'core': { 
 
    'data': response.entries 
 
    } 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script> 
 

 
<div id="jstree"></div>

来源

2017-02-20 07:00:21

如何将我的数组对象中的数据传递给我的jstree？

回答

相关问题