DHTMLX Docs & Samples Explorer

Behaviors of scheduler

Starting from version 2.1, dhtmlxscheduler includes few small extension which allow to change behavior of the scheduler in some way.

Multiple sources

Related sample: samples/03_extensions/13_multisource.html

File to include: ext/dhtmlxscheduler_multisource.js

Expected effect: scheduler will be able to use multiple source file for loading operations, including dyn. loading from multiple sources.

    scheduler.load(["first/source/some.xml","second/source/other.xml"]);

The count of sources is not limited, so you can use as many sources inside the single load command as necessary.

Keyboard navigation

Related sample: samples/03_extensions/07_navigation_plugin.html

File to include: ext/dhtmlxscheduler_key_nav.js

Expected effect: scheduler will react on “right” and “left” keys by scrolling to the next or previous time period ( next day, next week or next month, according to the currently active view )

Save state in cookie

Related sample: samples/03_extensions/08_cookies_plugin.html

File to include: ext/dhtmlxscheduler_cookie.js

Expected effect: scheduler will save its current state ( mode, and date ) in a cookies, so when same page will be opened next time, it will show it in the same state as was before page closing.

Save state in URL

Related sample: samples/03_extensions/10_url_date_plugin.html

File to include: ext/dhtmlxscheduler_url.js

Expected effect: scheduler will save its current state ( mode, and date ) in a URL, so when same page will be opened next time, it will show it in the same state as was before page closing. In addition to saving functionality, it adds the ability to provide links for specific date in scheduler.

Fullscreen view

Related sample: samples/03_extensions/05_expand_plugin.html

File to include: ext/dhtmlxscheduler_expand.js, ext/dhtmlxscheduler_ext.css

Expected effect: scheduler will have expand icon at the right corner, clicking on which will change it size to “full screen”. Second click will restore an original size.

Dates as links

Related sample: samples/03_extensions/06_links_plugin.html

File to include: ext/dhtmlxscheduler_active_links.js, ext/dhtmlxscheduler_ext.css

Expected effect: day labels in month view will become a links , clicking on which will switch scheduler to the dayly view.

HTML templates

Related sample: samples/03_extensions/09_html_templates_plugin.html

File to include: ext/dhtmlxscheduler_html_templates.js

Expected effect: adds ability to define templates directly in html code

Instead of

    scheduler.templates.event_text=function(start, end, event){
             return "<a href='http://some.com/details.php?for="+event.id+"'>"+event.text+"</a>";
    }

You can use just

<div class="template:event_text">
		<a href='http://some.com/details.php?for={event.id}'>{event.text}<a>
</div>

Readonly view

Related sample: samples/03_extensions/12_readonly_form.html

File to include: ext/dhtmlxscheduler_readonly.js, , ext/dhtmlxscheduler_ext.css

Expected effect: scheduler will be able to show details form in readonly state.

readonly state can be triggered globally

scheduler.config.readonly_form = true;

or for specific events only

scheduler.getEvent(id).readonly = true;