日程安排控件dhtmlxScheduler的使用教程：解决后端集成问题

如果您尝试手动或按照我们的《日程安排控件dhtmlxScheduler的使用教程：如何使用PHP 实现调度程序》实现后端API，但是您打开页面时调度程序没有显示任何事件，很有可能是您保存更改到后端时遇到了麻烦。

问题

如果您尝试手动或按照我们的

检查页面上的错误消息

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

2. 如果有任何错误，请评估错误并决定您是否能够自行处理。否则，继续下一步。

检查客户的要求

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

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

有没有错误04 响应状态意味着传递给scheduler.init方法的URL不正确或应用程序的路由设置存在问题。

检查从服务器返回的内容

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

响应是否与预期的数据格式相似。

如果看到来自 Web 服务器而不是调度程序数据的错误消息

可以确定后端代码或数据库连接设置有问题。通常，错误响应包含足够的信息来找出导题的原因。如果您看到一般500 sever error消息，您可能需要暂时禁用服务器上的自定义错误页面才能查看实际错误，在不同的平台上以不同的方式完成。如果您不确定从哪里开始，只需谷歌“禁用 <%your server or framework%>中的自定义错误页面”。

如果数据看起来或多或少没问题

看看id,start_date和end_date属性。

• id- 具有相同 id 的项目将被合并。如果您有五个具有匹配 id 的事件，调度程序将只显示一个。
• start_date, end_date- 确保日期格式与您在调度程序的date_format配置中指定的格式匹配，阅读有关数据属性的详细信息。

如果实际日期格式与调度程序所期望的不匹配，则事件将具有无效的日期并且根本不会显示，或者将被移至稍后的日期。通常xml_date在scheduler.init调用之前设置如下：

scheduler.config.xml_date="%Y-%m-%d %H:%i";

如果在属性值中发现异常，检查数据库中存储的内容，可能问题就在那里。如果日期格式不匹配，请更改date_format配置，或修改序列化任务日期的代码，然后再将它们输出到客户端。

检查加载到调度程序中的内容

日期格式无效

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

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

同样，您可以检查某些记录的start_date和end_date属性。您可能会注意到invalid date值或明显出乎意料的东西，例如 1970 年或 2038 年。这显然表明date_format格式存在问题。

单位/时间线的缺失属性

如果您使用“单位”或“时间线”视图，事件未映射到单位/时间线的任何部分，则可能不会显示事件。为了检查它，您可以使用skip_incorrect:falseUnits视图：

scheduler.createUnitsView({    name:"unit",    ...    skip_incorrect:false});

或者，show_unassigned: true对于时间轴视图：

scheduler.createTimelineView({    name:"timeline",    ...    show_unassigned: true});

如果是这种情况，在您更改配置并重新加载后，事件将出现在Units/Timeline视图的第一部分。然后分别检查Units或Timeline视图的property或y_property选项的值，以及事件相应属性的值。

过滤器

如果您在那里没有看到任何明显的问题，您可能需要检查您的代码，可能事件被filter隐藏了。

最后一招

如果上述方法均无济于事，或者您既没有看到任何事件，也没有看到控制台错误，请联系我们的技术支持以解决您的问题。

请务必提供您在完成上述步骤时收集的所有信息。

此外，我们的团队将需要一个最小的可重现演示：或者是带有简化应用程序的独立包（调度程序页面、所有必需文件、带有一些测试数据的数据库转储，或者带有您尝试加载的数据的静态 JSON 文件），或者一个在线链接，我们可以在其中检查浏览器中的问题。

dhtmlxScheduler | 下载试用

dhtmlxScheduler 是一个类似于Google日历的JavaScript日程安排控件，日历事件通过Ajax动态加载，支持通过拖放功能调整事件日期和时间。事件可以按天，周，月三个种视图显示。

标签：