JS 甘特图未从数据库加载

Question

我正在尝试使用 DHTMLX 甘特图创建一个简单示例。我设法让它工作，直到将数据存储在数据库中。数据已存储，但我无法在打开页面时加载图表。任何想法可能是什么问题？我已经阅读了可用的文档，但找不到此行为的根本原因。

这是 SQL 服务器在甘特图上触发“保存”按钮后的样子：

5   New task    21.5.2021 0.00.00   1   0,0000  0   NULL    0
6   Joiuwqeowqe 21.5.2021 0.00.00   6   0,0000  0   NULL    0
7   New task    21.5.2021 0.00.00   4   0,0000  0   NULL    0
8   New task    21.5.2021 0.00.00   1   0,0000  0   NULL    0
9   New task    21.5.2021 0.00.00   1   0,0000  0   NULL    0
10  New task    21.5.2021 0.00.00   1   0,0000  0   NULL    0
NULL    NULL    NULL    NULL    NULL    NULL    NULL    NULL

GanttLoader.js 这里加载了甘特图 js:

import 'https://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.js';

// ../gantt-master/codebase/dhtmlxgantt.js
// https://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.js

export function InitDHTML() {


  // specifying the date format
  gantt.config.date_format = "%Y-%m-%d %H:%i";
  // initializing gantt
  gantt.init("gantt_here");
  // initiating data loading
  gantt.load("/api/data");
  // initializing dataProcessor
  var dp = new gantt.dataProcessor("/api/");
  // and attaching it to gantt
  dp.init(gantt);
  // setting the REST mode for dataProcessor
  dp.setTransactionMode("REST");
}

Index.razor:

@page "/gantt"

<h3>Gantt</h3>

<div id="gantt_here" style="width: 100%; height: 100vh;"></div>

@inject IJSRuntime JS
@code{
  private IJSObjectReference importedDHTML;
  protected override async Task OnAfterRenderAsync(bool firstRender)
  {
    if (firstRender)
    {
      // import the script from the file
      importedDHTML = await JS.InvokeAsync<IJSObjectReference>(
          "import", "./GanttLoader.js");

      // Initialize dhtmlxgantt
      await importedDHTML.InvokeAsync<IJSObjectReference>(
          "InitDHTML");
    }
  }
}

在转到网页和加载图表时，我看到以下错误：

一直在关注他们的教程，但无法弄清楚我错过了什么。

Answer 1

我们继续在论坛讨论这个问题：

https://forum.dhtmlx.com/t/gantt-chart-is-not-loading-from-database-asp-net/72605

JS 甘特图未从数据库加载

JS Gantt chart is not loading from database

javascript

c#

asp.net

dhtmlx

blazor