JsTree-grid 不显示数据

Question

我正在使用 JsTree Ajax 延迟加载功能并显示我正在使用的数据 JsTree-grid。但是，我在使用第二列的 JsTree-grid 显示数据时遇到问题。我使用 JsTree ajax 延迟加载功能通过 PHP 传递以下 JSON 数据：

[    
    {
        "id": 157749,
        "parent": "Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo",
        "text": "Script 1: Login",
        "data": {
            "status": "Fail"
        }
    },
    {
        "id": 104511,
        "parent": "Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo",
        "text": "skip",
        "data": {
            "status": "Pass"
        }
    }
]

在 Javascript 我有以下代码：

$('#jstree').jstree({
    plugins: ['grid'],
        'grid': {
             'columns': [
                 {
                     'width': 50,
                     'header': 'Nodes'
                 },
                 {
                     'width': 30,
                     'header': 'Status',
                     'value': function (node) {
                         return (node.status);
                     }
                 }
             ]
         },
         'core' : {
             'data' : {
                 "url" : function (node) {
                     return node.id === '#' ? 'node' : 'tree/' + node.id;
                 },
                 'data' : function (node) {
                     return { 'id' : file.id, 'title' : file.title };
                 },
                 "dataType" : "json"
             }
         }
     });

注意： 当我在此处控制台登录节点时：'value': function (node) { console.log(node); } 我在控制台上得到以下结果：

Object { status: "Fail" }
Object { status: "Pass" }

我想在第二个 JsTree-grid 列上显示 status Pass 或 Fail。但是，JsTree-grid 没有显示数据，我什至没有在控制台上收到任何错误。拜托，有人可以帮助我实现我想要实现的目标吗？

Answer 1

我在这里看到两个问题：

"parent": "Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo"；您的 json 没有这些节点的父节点
这里不需要函数 - 'value': function (node) { return (node.status); }，只需使用 'value': 'status'.

解决这两个问题后它可以工作，检查演示 - Fiddle。

JsTree-grid 不显示数据

JsTree-grid doesn't display the data

javascript

php

ajax

jquery

jstree