2016-03-19 61 views
1

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

[  
    { 
     "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" } 

我想显示status通过在第二个JsTree网格列上失败。但是,JsTree网格不显示数据,我甚至没有在控制台上发现任何错误。请,有人可以帮我关于我想达到的目标。

回答

1

在这里我看到两个问题:

  1. "parent": "Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo";你的json没有这些节点的父母
  2. 你不需要这里的功能 - 'value': function (node) { return (node.status); },只需使用'value': 'status'

解决了这两个问题后,检查演示 - Fiddle

+0

我对我的原始JSON数据有''parent':“Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo”'JSON。为了简单起见,我只是从这里删除它。你是绝对正确的。没有使用任何功能的JsTree网格工作得很好,我已经知道了昨天。但是,你知道为什么它不适用于封闭吗? –