JsTree-grid 不显示数据


JsTree-grid doesn't display the data

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

[    
    {
        "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通过失败。但是,JsTree-grid没有显示数据,我什至没有在控制台上收到任何错误。拜托,有人可以帮助我实现我想要实现的目标吗?

我在这里看到两个问题:

  1. "parent": "Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo" ; 您的 JSON 对这些节点没有任何父节点
  2. 你在这里不需要函数 - 'value': function (node) { return (node.status); },只需使用'value': 'status'即可。

修复这两个问题后,它可以工作,检查演示 - 小提琴。