彩票走势图

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

翻译|使用教程|编辑:董玉霞|2022-02-28 13:19:23.603|阅读 573 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

问题

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

原因

在不同平台上的不正确行为可能有很多原因和解决方案,我们将在其他文章中涉及,在本文中不涉及。本文的目标是引导您完成调查此类问题的常见步骤,找到问题并了解应用程序无法运行的原因,后面的修复就十分简单了。

检查页面上的错误消息

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

dhtmlxScheduler,JavaScript,日程安排,React JS

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

检查客户的要求

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

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

dhtmlxScheduler,JavaScript,日程安排,React JS

有没有错误?404 响应状态意味着传递给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. 检查控制台输出。您可能会看到一系列事件。

dhtmlxScheduler,JavaScript,日程安排,React JS

同样,您可以检查某些记录的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动态加载,支持通过拖放功能调整事件日期和时间。事件可以按天,周,月三个种视图显示。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP