带有ASP.NET Core的dhtmlxGantt如何解决后端集成问题-控件新闻-慧都网

带有ASP.NET Core的dhtmlxGantt如何解决后端集成问题

翻译|使用教程|编辑：杨鹏连|2020-09-14 11:37:54.920|阅读 202 次

概述：本教程为您提供有关如何在服务器端使用ASP.NET Core 2 如何解决后端集成问题详细教程

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求，是最完善的甘特图图表库。它允许你创建动态甘特图，并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt，你可以显示活动之间的依赖关系，显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。

点击下载dhtmlxGantt试用版

病征

1.您尝试手动或按照我们的教程来实现后端API ，但是在打开页面时，甘特图不会显示任何任务或链接。

2.您很难将更改保存到后端。

原因

对于不同平台上的不正确行为，可能有很多原因和解决方案，在本文中我们将不再赘述。

我们的目标是引导您完成调查此类问题的常见步骤。找到问题并了解应用程序为何无法正常工作后，通常可以轻松解决此问题。

检查页面上的错误消息

1.打开浏览器开发工具，然后重新加载页面。您是否在浏览器控制台中看到任何错误消息？

2.如果有任何错误，请评估错误并确定是否可以自己处理。否则，请继续下一步。

检查客户的要求

1.打开“ 网络”面板，确保XHR请求可见。

2.重新加载页面，找到一个应该从后端加载数据的请求。确保输入正确的URL并检查响应状态。

有没有错误？

404响应状态表示存在错误的URL传递给该gantt.init方法，或者您的应用程序的路由设置存在问题。

检查服务器返回的内容

选择请求并检查响应预览或原始响应内容。

响应看起来是否类似于预期的数据格式？

如果您看到来自Web服务器而不是Gantt数据的错误消息

您可以确定后端代码或数据库连接设置有问题。

通常，错误响应包含足够的信息以找出导致问题的原因。如果看到通用500 server error消息，则可能需要临时禁用服务器上的自定义错误页面，以查看实际错误。在各种平台上的处理方式有所不同。如果您不确定从何处开始，只需使用Google“在<％your server or framework％>中禁用自定义错误页面”即可。

如果数据看起来或多或少都可以

看看的id，start_date，end_date，duration，parent的属性。

id-具有相同ID的项目将被合并。如果您有五个具有匹配ID的任务，则Gantt将仅显示其中一个。
parent- parent值与root_id配置匹配的条目将显示在任务树的根级别（默认情况下-任何空值，包括零或null）。如果该parent属性不为空，并且您的数据集不包含适当的父任务，则此类项目将根本不会显示。
start_date，end_date，duration-确保您的条目包含至少两个这些属性，例如start_date+ duration。在“ 数据加载”文章中有更多信息。

确保start_date/ end_date格式与您在甘特图的date_format配置中指定的格式匹配

如果发现属性值中有异常

检查存储在数据库中的内容，可能是问题所在。如果日期格式不匹配，请更改date_format配置，或修改将任务日期序列化的代码，然后再将其输出到客户端。检查什么装载到甘特

1.打开浏览器控制台并运行gantt.getTaskByTime()。

2.检查控制台输出。您可能会看到一系列任务。