javascript - Slickgrid 不会渲染或填充表/网格中的 JSON 数据

Question

下面是我使用的columns对象

 columns =[
      {id: "id", name: "ID", field: "id"},
      {id: "rt_assignee", name: "rt_assignee", field: "root_task_assignee"},
      {id: "root_task_id", name: "root_task_id", field: "root_task_id"},
      {id: "root_task_status", name: "root_task_status", field: "root_task_status"},
      {id: "root_task_tracker", name: "root_task_tracker", field: "root_task_tracker"},
      {id: "rt_category", name: "rt_category", field: "rt_category"},
      {id: "rt_priority", name: "rt_priority", field: "rt_priority"},
      {id: "rt_subject", name: "rt_subject", field: "rt_subject"},
      {id: "task_assignee", name: "task_assignee", field: "task_assignee"},
      {id: "task_category", name: "task_category", field: "task_category"},
      {id: "task_id", name: "task_id", field: "task_id"},
      {id: "task_priority", name: "task_priority", field: "task_priority"},
      {id: "task_status", name: "task_status", field: "task_status"},
      {id: "task_subject", name: "task_subject", field: "task_subject"},
      {id: "task_tracker", name: "task_tracker", field: "task_tracker"}
]

这是函数loadData()，其中包含我尝试在网格中填充的示例 JSON data

function loadData() {
    data = [{   
          "id", "issue_0", 
          "root_task_assignee": "reneym",
          "root_task_id": 123808,
          "root_task_status": "New",
          "root_task_tracker": "Task",
          "rt_category": "PPQA",
          "rt_priority": "Normal",
          "rt_subject": "95-00 Perform PPQA",
          "task_assignee": "reneym",
          "task_category": "PPQA",
          "task_id": 123808,
          "task_priority": "Normal",
          "task_status": "New",
          "task_subject": "95-00 Perform PPQA",
          "task_tracker": "Task"    
      }];
dataView.setItems(data);
}

但没有输出，网格只是空白(但出现标题)。并且没有错误信息。

代码

loadData(); 
dataView.setGrouping([]); 
dataView.endUpdate(); 
$("#gridContainer").resizable();

Answer 1

我已经快速为您制作了一个JSFiddle使用您在问题中提到的设置。

您遇到的小问题是，当您创建 JavaScript object 时，当您描述您的键值对时，您需要使用:作为分隔符。

因此，请使用 : 而不是您在 id 字段声明中使用的 ,。

---

作为一个例子，你有:

data = [{   
    "id", "issue_0",
    ...
}];

相反，您需要:

data = [{   
    "id": "issue_0",
    ...
}];