This example shows you how you can validate the tasks in your schedule while interacting with them.
This example logs the events fired by the scheduler and its data stores (loading both XML and JSON data).
This example shows you how you can position your “static” columns in your schedule.
This is a demo showing how you can group the resources, using 2 different row-height options.
This example shows how you can scroll to a point in time, or to a specific event in your data store.
This example shows you a variety of different configuration options for the timescale. Each column can represent hours, days, weeks, months, or years.
Simple example showing how you can print your scheduled data.
This example uses a buffered scheduling view to show tasks for 1000 resources.
New 2.0 TreeView.
Zooming from minutes to years
See how the Scheduler can be used in vertical orientation.
Ext Scheduler Customization
This example shows you how easy it is to localize date formats and texts used in the Scheduler.
This example shows you how to create your own custom header.
This example visualizes the loading time for different HTML resources during a page load.
This example uses a custom time axis representing a work week with separate start/end times for the weekdays.
This example shows you how you can customize row height and event bar height.
This example shows you how you can customize the time resolution used by the scheduler.
Ext Scheduler Plugins
You can add custom zones and lines to indicate special events or time spans such as vacation time or milestones.
This example shows a TimeGap plugin, highlighting periods of time that are available for all resources in the chart.
This example shows you how the new ColumnSummary plugin works. For each resource, a number indicating either the total time or percentage allocated in the current view.
You can associate any meta data you want with a scheduled event. This example shows you the EventEditor plugin used to edit the data associated with the events in the scheduler (double click to show the editor).
Plugin allowing you to pan the schedule by clicking and dragging.
Plugin allowing you to select multiple events at once by clicking and dragging.
This is a simple example showing how you can edit the event title using a plugin.
Ext Scheduler Advanced Examples
This is an example using HTML5 and CSS3 features to create a cabin booking application.
Here’s an example showing how you can change the look of your event template based on event type. It is all done using CSS and is very simple to do.
This is an advanced example showing how you filter the time axis based on custom logic to show only week days, week ends, etc.
Drag drop from an external grid onto the scheduler. Also includes a basic way of handling resource availability.
The scheduler supports saving start date, end date and view preset in the registered state provider.
This example is a proof of concept showing export functionality leveraging the data URI scheme. Only been tested in Firefox.
Slightly advanced example that uses the powerful charting capabilities of Ext JS 4.
Server Integration Examples
This example integrates the scheduler with ASP.NET MVC (v2) using LINQ and Ext.data.JsonWriter.
This example integrates the scheduler with a Java backend using Spring and Hibernate.
Sample implementation combining Ext Scheduler with classic VB.NET, using LINQ and Ext.data.JsonWriter.
Mashups with Remote Data Sources
This example loads data from public Google Calendars.
This is an example showing ongoing auctions from the eBay API.
This example shows a timeline of all the Ext JS user groups registered with meetup.com.
This example visualizes a simple schedule stored in an online Google Spreadsheet.
This example visualizes the program schedule for different online radio stations.
This example visualizes the BBC radio program schedule.