Both Scheduler and Gannt are nice planning tools from DHTMLX JS library. While Scheduler is an event calendar, the Gantt is a chart to display a long-term project schedule.
JS files for these components aren't included into Webix lib package and should be taken from https://github.com/webix-hub/components.
Scheduler is Javascript feature-rich event calendar that can create and display events as well as show a schedule for a day, week and month. Full info about it can be found in the dedicated section of DHTMLX site.
To include Scheduler into your app, you need to add a link to a dedicated library file into your document head section. Note that in a documentation sample this file is included in another way, but in your real app you should the pattern below:
<script type="text/javascript" src="./scheduler.js"></script>
And then init the view:
//path from which extra libraries are autoloaded
webix.codebase = "./";
webix.ui({
view:"webix-scheduler",
date:new Date(2010,0,5),
mode:"week",
init:function(){...}, //scheduler config
ready:function(){
scheduler.parse("..events data..")
}
});
Check Scheduler Documentation for more details.
Read more about date formatting methods in the corresponding chapter of the manual.
DHTMLX Gantt is a chart for visualizing project schedule that allows for easy setting and showing dependencies between tasks. It's highly customizable and features flexible API.
Full into about it can be found in the dedicated section of DHTMLX site.
To include Scheduler into your app, you need to add a link to a dedicated library file into your document head section.
<script type="text/javascript" src="./gantt.js"></script>
And then init the view:
webix.ui({
view:"dhx-gantt",
init:function(){...},
ready:function(){
gantt.parse(tasks); //adding tasks
}
});
Related Sample: DHTMLX Gantt