Привязка вывода JSON службы WebAPI к сетке данных KendoUI - PullRequest
Новая
       51

Привязка вывода JSON службы WebAPI к сетке данных KendoUI

0 голосов
/ 17 октября 2018

Я создал службу WebAPI, которая выводит некоторый JSON (вы можете увидеть вывод здесь: http://js01.consultwithus.us/odata/vw_FilesToBeProcessed_Dashboard), и я пытаюсь связать его с сеткой данных KendoUI для JQuery, используя базовое использование JQueryчтобы создать сетку в методе HTML "div", как вы можете видеть ниже. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Misc Admin Functions - Kendo</title>
    <link rel="stylesheet" type="text/css" href="styles/StyleSheet.css">
    <link rel="stylesheet" type="text/css" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" type="text/css" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" type="text/css" href="styles/kendo.default.mobile.min.css" />

    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
  <div id="grid"></div>
  <script>
      $(document).ready(function () {
          $("#grid").kendoGrid({
              dataSource: {
                  transport: {
                      read: {
                          url: "http://js01.consultwithus.us/odata/vw_FilesToBeProcessed_Dashboard",
                          dataType: "json"
                      },
                  },
                  schema: {
                      model: {
                          fields: {
                              FileName: { type: "string" },
                              FileStatus: { type: "string" },
                              Cre_Date: { type: "string" }
                          }
                      },
                      data: 'value'
                  },
                  pageSize: 5
              },
              groupable: true,
              sortable: true,
              pageable: {
                  refresh: true,
                  pageSizes: true,
                  buttonCount: 5
              },
              columns: [{
                  field: "FileName",
                  title: "File Name",
              }, {
                  field: "FileStatus",
                  title: "File Status"
              }, {
                  field: "Cre_Date",
                  title: "Created Date"
              }]
          });
      });
  </script>
</body>

Однако, когда я запускаю свой код в LocalHost, все, что я получаю, это пустая сетка данных.

В качестве дополнительного поворота я скопировал вывод JSON,вставил его в файл .json, добавил в мое решение и установил URL источника данных в файл .json.И это сработало!У меня были данные, отображаемые в моей сетке!

Так почему бы источник данных работал для локального файла .json, а не для удаленного вывода json?

...