Создание Dyantable с JSON из удаленного URL - PullRequest
Новая
       33

Создание Dyantable с JSON из удаленного URL

0 голосов
/ 02 мая 2019

Я пытаюсь создать таблицу, используя Dynatable для отображения данных, которые предоставляются по удаленному URL-адресу

Я тестирую решение для управления классами под названием Jackrabbit, которое предоставляет конечную точку ( здесь - с моими примерами данных ), содержащую списки классов в JSON.

Я смотрел на dynatable, не создающий таблицу из удаленного JSON & Загрузка удаленного JSON из Dynatable , но я не смог найти решение.

Я работал в этой JS Fiddle

JS: 

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

});})

Внешний файл JSON содержит много разных полей, но я использую только некоторые из них для таблицы. Кто-нибудь может указать мне правильное направление?

1 Ответ

0 голосов
/ 02 мая 2019

Данные записей набора данных вашего сценария не проходят должным образом структурную схему таблицы. Просто замените ваш скрипт следующим, и не забудьте заполнить пустое значение массива данных из 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
  }
});});});
...