我正在使用 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没有显示数据,我什至没有在控制台上收到任何错误。拜托,有人可以帮助我实现我想要实现的目标吗?
我在这里看到两个问题:
-
"parent": "Sheet1.worksheet1webs44lx8GbsHu9igMc2vM_qWJqhePuo257PKZm_6Uo"
; 您的 JSON 对这些节点没有任何父节点 - 你在这里不需要函数 -
'value': function (node) { return (node.status); }
,只需使用'value': 'status'
即可。
修复这两个问题后,它可以工作,检查演示 - 小提琴。