DevExtreme Scheduler - Group Resources by Date (v18.2)

There are scheduling scenarios that require you to view available appointments for all resources within a specific date. For example, when scheduling a large employee meeting, it helps to see when everyone is available.

So, you can now customize the Scheduler layout and group resources by date. That means you can display appointments specified for different resources, grouped by day:

How To Enable

Set the groupByDate option to true as follows:

$("#scheduler").dxScheduler({ 
    // … 
   groupByDate: true, 
   views: [] 
});

The Scheduler can have several views and you can specify options globally or on a single view level. This groupByDate option can be specified for individual views by putting it into the view configuration.

The following sample shows how to group resources by date for a workWeek view:

$("#scheduler").dxScheduler({ 
    // … 
    views: [{ 
        name: "Work Week", 
        type: "workWeek", 
        groupByDate: true 
    }] 
});

Documentation:

• https://js.devexpress.com/Documentation/18_2/ApiReference/UI_Widgets/dxScheduler/Configuration/#groupByDate
• https://js.devexpress.com/Documentation/18_2/ApiReference/UI_Widgets/dxScheduler/Configuration/views/#groupByDate

Limitations and Plans

This feature is limited currently because it's not available for the vertical group orientation and for the 'agenda' view.

Depending on your feedback, we may implement this feature in a future major or minor release.

Test It Now (and provide feedback)

Test-drive the public beta now. Use the npm pre-release package:

npm install --save devextreme@18.2-unstable 

Then let us know your experience with the DevExtreme Scheduler.

Note: After the final v18.2 release, please remove the -unstable suffix

JavaScript and ASP.NET supported

The 'group by day' Scheduler feature is available for:

• Angular
• React
• Vue
• jQuery
• ASP.NET MVC
• ASP.NET Core

Join the Webinar

Sign up for the upcoming “New in v18.2 - DevExtreme HTML / JS Controls” webinar where:

• you'll see all the new features/tools/components in v18.2
• and you can ask questions and interact with our devs

Register today: https://attendee.gotowebinar.com/register/1534319392881688322

Your Feedback Counts

We’d like to hear from you about your development plans and needs. Feel free to leave comments below, open Support Center tickets for detailed discussions or take part in conversations in our GitHub repository.

Free DevExpress Products - Get Your Copy Today