dhtmlxScheduler 提供多种扩展功能,以增强默认功能。
要启用扩展,请通过 scheduler.plugins 方法激活。
从 v6.0 开始,扩展代码文件已从 ext 文件夹中移除,并合并进 dhtmlxscheduler.js 文件。
如果你使用的是 dhtmlxScheduler 5.3 或更早版本,请参考 迁移指南。
在“月视图”和“周视图”中,将日期数字显示为可点击链接,点击后可打开所选视图中的对应日期。
scheduler.plugins({
active_links: true
});
文章:月视图
API: active_link_view
Related sample: Month days as links
这是 Agenda 视图的代码文件。
scheduler.plugins({
agenda_view: true
});
文章:议程视图
将多天事件以与单天事件相同的样式显示。
scheduler.plugins({
all_timed: true
});
API: all_timed
Related sample: Displaying multi-day events in the regular way
处理在同一时间段内发生的多个事件。
scheduler.plugins({
collision: true
});
Related sample: Controlling the number of events in a time slot
自动调整调度器容器大小以适应内容。
scheduler.plugins({
container_autoresize: true
});
文章:dhtmlxScheduler 在原生 JS/HTML 中的使用
API: container_autoresize
Related sample: Autoresizing the scheduler container
使用 cookie 存储当前调度器状态(模式和日期)。
scheduler.plugins({
cookie: true
});
Related sample: Work with cookies
此扩展仅在 PRO 版本中提供
为时间线视图提供 "Days" 模式。
scheduler.plugins({
daytimeline: true
});
文章:Timeline 视图
Related sample: Days as Timeline rows
此扩展仅在 Scheduler PRO 版本(Commercial(自 2021 年 10 月 6 日起)、Enterprise 和 Ultimate 许可证)中提供。
允许在多个调度器之间拖放事件,实现事件从一个调度器移动到另一个调度器。
scheduler.plugins({
drag_between: true
});
文章:调度器之间的拖放
包含 lightbox 中使用的 radio、combo、checkbox 控件的代码。
scheduler.plugins({
editors: true
});
文章:灯箱控件
Related sample: Radio button in the lightbox
在调度器右上角添加“展开”图标,点击可在原始大小和全屏之间切换。
scheduler.plugins({
expand: true
});
API: expand, collapse
事件: onBeforeExpand, onBeforeCollapse, onExpand, onCollapse
Related sample: Full-screen view
启用在线导出服务。
scheduler.plugins({
export_api: true
});
Related sample: Export to PDF/PNG
此扩展仅在 PRO 版本中提供
Grid 视图的代码文件。
scheduler.plugins({
grid_view: true
});
文章:Grid 视图
允许使用 HTML 代码定义模板。
scheduler.plugins({
html_templates: true
});
文章:模板
Related sample: Specifying templates with HTML
启用键盘导航。
scheduler.plugins({
key_nav: true
});
文章:键盘导航
Related sample: Keyboard Navigation and WAI-ARIA - Flat Skin
Related sample: Keyboard navigation in the scheduler
激活已弃用 API 的支持。
scheduler.plugins({
legacy: true
});
文章:从旧版本迁移
提供阻止和高亮特定日期的选项。
scheduler.plugins({
limit: true
});
文章:阻止和标记日期
Related sample: Limiting dates for creating events
Map 视图的代码文件。
scheduler.plugins({
map_view: true
});
文章:地图视图
添加迷你日历的插件。
scheduler.plugins({
minical: true
});
文章:迷你日历(日期选择器), 时间与日期
Related sample: Mini calendar in the scheduler header
此扩展仅在 PRO 版本中提供
允许在时间线视图中为事件分配多个区段,或在单位视图中分配多个单位。
scheduler.plugins({
multisection: true
});
文章:Timeline 视图, Units 视图
API: multisection
Related sample: Multisection events in Timeline and Units view
为 lightbox 添加 multiselect 控件的支持。
scheduler.plugins({
multiselect: true
});
文章:灯箱控件
Related sample: Multiselect control in the lightbox
支持从多个数据源加载数据。
scheduler.plugins({
multisource: true
});
文章:加载数据
Related sample: Loading data from multiple sources
支持与 Backbone 集成。
scheduler.plugins({
mvc: true
});
文章:Backbone 集成
Related sample: Backbone integration
允许从外部 DHTMLX 组件(如 dhtmlxTree)拖动事件。
scheduler.plugins({
outerdrag: true
});
文章:拖放操作
Related sample: Integration with dhtmlxTree
支持导出为 PDF 文档。
显示包含事件详细信息的弹出窗口。
scheduler.plugins({
quick_info: true
});
文章:移动端自适应调度器
Related sample: Touch-oriented scheduler
为 lightbox 和部分事件启用只读模式。
scheduler.plugins({
readonly: true
});
文章:只读模式
Related sample: Read-only lightbox
添加对周期性事件的支持。
scheduler.plugins({
recurring: true
});
文章:循环事件
Related sample: Recurring events
为周期性事件提供旧版支持。
scheduler.plugins({
recurring_legacy: true
});
支持将数据序列化为 ICal、XML 和 JSON 格式。
scheduler.plugins({
serialize: true
});
Related sample: Serialize scheduler events
此扩展仅在 PRO 版本中提供
时间线视图插件。
scheduler.plugins({
timeline: true
});
文章:Timeline 视图
为事件启用工具提示。
scheduler.plugins({
tooltip: true
});
此扩展仅在 PRO 版本中提供
为时间线视图提供 "Tree" 模式。
scheduler.plugins({
treetimeline: true
});
文章:Timeline 视图
此扩展仅在 PRO 版本中提供
单位视图扩展。
scheduler.plugins({
units: true
});
文章:Units 视图
将调度器的状态(日期、事件 ID、视图)存储在 URL 中。
示例:10_url_date_plugin.html#date=2014-08-01,mode=month
或 10_url_date_plugin.html#event=15
scheduler.plugins({
url: true
});
Related sample: Saving the scheduler state in URL
此扩展仅在 PRO 版本中提供
Week Agenda 视图的代码文件。
scheduler.plugins({
week_agenda: true
});
文章:周议程视图
Related sample: WeekAgenda view
Year 视图的代码文件。
scheduler.plugins({
year_view: true
});
文章:年视图