Question

我正在尝试使用Dynatable创建一个表以显示远程URL上提供的数据

我正在测试一个名为Jackrabbit的类管理解决方案，该解决方案提供了一个端点（here - which has my sample data），该端点包含JSON中的类列表。

我看过dynatable not creating table from remote JSON和Load remote JSON from Dynatable，但我一直无法找出解决方案。

JS：

$(document).ready(function(){$.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
$("#classes").dynatable({
    dataset: {
        records: data
    }
});

}）;}）

外部JSON文件包含许多不同的字段，但是我仅将其中一些用于表。有人能指出我正确的方向吗？

Answer 1

您的脚本的数据集记录数据未正确传递表结构方式。只需用以下内容替换脚本，别忘了用data_value中的空白数据数组值填充（我仅添加了名称和说明，请设置其他数据）-

$(document).ready(function(){$.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
    var data_arr = [];
    $.each(data.rows, function(key, data_value){
  data_arr.push({
    'name' : data_value.name,
    'instructors' : data_value.instructors[0],
    'meeting_days' : '',
    'min_age' : '',
    'openings' : '',
    'start_time' : '',
    'tuition' : '',
  });
});
$("#classes").dynatable({
  dataset: {
    records: data_arr
  }
});});});

从远程URL使用JSON创建Dyantable

JS：

1 个答案: