如何使用来自 django 的替代 json 格式将数据发送到动态 jstree

Question

我尝试了以下过程，但查询集完全改变了它的格式。

$('#jstree').jstree({
        'core' : {
             'data' :{{data}}  # here main issue
               },
        plugins : ["wholerow","unique","dnd","sort","state","contextmenu","contextmenubtn","themes"]
    }).on("ready.jstree", function (e, data) { data.instance.open_all(); });

我作为响应发送的查询集：

data = Buildkb4.objects.values("id","text","parent")
return render(request,"registration/basetest.html", 
     {"data": data})

输出：

没有表结构也没有数据，在页面源代码上我得到了以下查询输出：

 data= <QuerySet [{'text': 'PKM', 'parent': 0, 'id': 1}, {'text': 'develop', 'parent': 1, 'id': 2}, {'text': 'social', 'parent': 1, 'id': 3}]>

Answer 1

我对jstree和django有一些基本的经验，这个解决方案可能对你有帮助

在这里，您将查询集直接传递给模板中的数据，这是不可接受的。它接受 json 数据类型。

设计一个将返回 json 数据的视图，这是您在 jstree 中需要的。

from django.http import JsonResponse
def table(request):
   data = table.objects.values("column1","column2")
   data_list = list(data)
   return JsonResponse(data_list,safe=False) 

现在在您的模板中添加：

var arraycollection =(function() {
    var json = null;
    $.ajax({
        'async': false,
        'global': false,
        'url': "####### url to acces data"
        'dataType': "json",
        'success': function (data) {
            json = data;
        }
    });
    return json;
})();

现在将arraycollection分配给jstree中的数据