jsTree无法从AJAX调用加载根节点
我无法使用下面的jsTree加载初始根节点：数据在服务器上，并且必须通过AJAX为所选的每个节点“购买”。 我还想使用一个复选框并获取所选节点的所有父节点的值。
现在的主要问题是：我无法列出根节点….
//jsTree $('#testTree').jstree({ 'core' : { 'data' : { 'url' : function (node) { return node.id === '#' ? '/cgi-bin/test.pl' //url for root nodes '/cgi-bin/test.pl?nodes-in-selected-heirarchy'; //url for children nodes }, 'data' : function (node) { console.log('node.id='+node.id); return { 'id' : node.id }; } } } }); 所有这一切都是一个文件夹图标。
我从服务器获得的JSON是：
{"5":"summer","8":"vacation","2":"2015","3":"2014","4":"2013","6":"winter","1":"2016","7":"birthday"}
它是一个key:value,格式。
这是一个新修改的代码：即使这不起作用……
$('#test').jstree({ 'core': { 'data':{ //this is the data provided to the jsTree to draw the tree. 'url': function( node ){ if( node.id === '#' ){ console.log('1'); return "/cgi-bin/test.pl"; } else { console.log('2'); return "/cgi-bin/test.pl?jsTreeParentKey=" + node.data( "key" ); } }, 'data': function(node) { //the data sent to the server console.log('node.id='+node.id); return { 'id': node.id, 'xyz': 'value_xyz' //extra set of param=value sent to server }; }, 'success': function (retData) { data = []; for( indx in retData ){ var value = retData[indx] console.log('indx=i'+indx+', value='+value); node = { 'id' : 'i'+indx, 'text' : value, 'icon' : '/', //'metadata' : value, 'state' : {'opened' : false} //'state' : 'closed' } data.push( node ); } return data; } // "check_callback" : true } }, "checkbox" : { "keep_selected_style" : false }, "plugins" : [ "checkbox","json_data" ] });
我在日志中得到这个：
1 <---- from URL node.id=# <----from param sent indx=i1, value=2016 indx=i2, value=2015 indx=i3, value=2014 indx=i4, value=2013 indx=i5, value=summer indx=i6, value=winter indx=i7, value=birthday indx=i8, value=vacation
您的数据格式（从服务器返回的JSON）不是必需的jsTree格式。 至少在每个节点上都包含一个text属性。
以下是详细的文档：
https://github.com/vakata/jstree#the-required-json-format