通用配置说明

为了自定义调度器的外观,库提供了三个主要对象:

此外,dhtmlxScheduler 还包含了若干扩展,以增强组件功能。

scheduler.config

库在 scheduler.config 对象中提供了丰富的配置选项。

要应用某个选项,只需按照本说明进行赋值(如果你在页面上使用了多个调度器,请将 scheduler 替换为你的 dhtmlxScheduler 实例 名称)。

请注意,配置项必须在初始化调度器之前设置。

scheduler.config.first_hour = 8;scheduler.config.last_hour = 17;scheduler.config.start_on_monday = true;scheduler.init('scheduler_here',null,"week");

scheduler.config 属性的完整列表见 Scheduler API: Properties

Related sample:  Multi-day events

scheduler.templates

模板允许你自定义调度器中日期和标题的显示方式。

要定义模板,请按照下例进行赋值(如在页面上有多个调度器,请将 scheduler 替换为你的 dhtmlxScheduler 实例 名称)。请确保在初始化调度器前定义模板。

scheduler.templates.event_text = function(start,end,ev){   return 'Subject: ' + ev.text + '';};scheduler.init('scheduler_here',null,"week");

建议在 onTemplatesReady 事件的处理函数中重定义模板,以防止你的模板被默认模板覆盖。

templates.png

可用模板的完整列表见 Scheduler API: Templates

Related sample:  Styling events with templates

scheduler.xy

scheduler.xy 对象包含了控制调度器各视图元素的宽度、高度和偏移量的属性。

要设置这些选项,请按照下例赋值(如在页面上有多个调度器,请将 scheduler 替换为你的 dhtmlxScheduler 实例 名称)。请记得在初始化调度器前应用尺寸设置。

scheduler.xy.scale_height = 40; //设置 X 轴的高度 scheduler.init('scheduler_here',new Date(),"month");

scheduler.xy 中的所有属性均使用 'number' 数据类型。

Related sample:  Customizing the scheduler header

扩展

可以激活若干扩展,为调度器组件添加特殊功能。例如,启用 cookie 扩展后,调度器可将当前状态(如视图模式和日期)保存在 cookie 中。

scheduler.plugins({
    cookie: true
});

Related sample:  Work with cookies

可用调度器扩展的列表请参见文章 扩展功能完整列表

返回顶部