FAQ
如何打开示例
组件包内包含了一个演示用的后端应用,帮助你在本地运行示例。它需要 Node.js,并且演示数据存储在内存中,无需额外配置数据库。
运行示例的步骤
- 使用演示 Node.js 后端应用:
- 将包解压到某个文件夹
- 打开终端(或 cmd、PowerShell)
- 执行
npm install - 执行
npm run start - 在浏览器打开
http://localhost:9200 - 你将看到首页,内容与在线示例 https://docs.dhtmlx.com/scheduler/samples/ 相同
- 使用 Apache Web 服务器
- 安装 Apache Web 服务器。如果你不确定如何操作,可以考虑使用 XAMPP。
- 将 Scheduler 示例文件放到 Apache 的根目录下(如果使用 XAMPP,则为 xampp/htdocs)。
- 启动 Apache Web 服务器,然后通过 http://localhost/yourfolder 访问示例。
- 使用集成开发环境自带的开发 Web 服务器
部分 IDE 提供内置开发 Web 服务器,例如:https://www.jetbrains.com/help/webstorm/creating-local-server-configuration.html。
你可以查看 IDE 是否原生支持或通过插件支持类似功能。
为什么需要这样做
部分示例通过 AJAX(xhr)从 JSON 文件加载数据。要使其正常工作,示例必须通过 Web 服务器打开。
如果直接双击示例文件,会以本地文件方式打开,浏览器会阻止 AJAX 调用。这样组件无法加载数据文件,你会在右上角看到 Invalid data 弹窗。
你可以通过查看浏览器的 URL 来确认。如果以 file:/// 开头,例如:
file:///D:/www/scheduler-eval/samples/20_multiple/01_basic.html
那么数据文件加载将无法正常工作。
如果通过 Web 服务器打开示例,URL 类似如下(http:// 可能省略):
http://localhost/scheduler-eval/samples/20_multiple/01_basic.html
调度器未正确渲染
如果调度器在页面上未正确显示,请检查其容器的 CSS 样式--容器必须设置有效的像素或百分比尺寸。
- 如果尺寸采用百分比,请确保父容器也设置了高度。
- 如果调度器直接放在 body 内,请应用以下 CSS,以确保百分比高度生效:
html, body{
margin:0px;
padding:0px;
height:100%; /*必须*/
overflow:hidden;
}
调度器在 Internet Explorer 下未正确渲染
如果调度器仅在 Internet Explorer 下无法正常显示,请确认页面使用了完整的 DOCTYPE 声明。 调度器在 IE 标准模式下可正常工作,但不支持怪异模式(quirks mode)。
例如,HTML5 的 DOCTYPE 如下:
<!DOCTYPE html>