EJ Schedule: Dynamic Group and Resource

[Mark]

Hello,

I have seen the examples of adding and removing resources, but is it possible to also dynamically add the group onto a schedule in TimelineDay view that didn't have the group to begin with? I need the month view to be of one dataset that is unrelated to the dataSet of the timeline day. My use case is buildings and rooms available, so on the month view I am showing events that show buildings that are available that day and color coded if they have space, then when you click on the event it switches to the TimelineDay view but with a new filtered dataset for that specific building where I need group by floor and display the room events that clicking on those events allows booking etc.

I have the data, the displaying of information, the switching and filtering all working perfectly, but I can't get the dynamic floors to work correctly. When I add the group from the start, then the month view is messed up. If I define the resource and start on TimelineDay view, everything works fine - its just not dynamic.

Is this even possible?

Code:

schedule.group = {

enableCompactView: true,

resources: [ 'Floors']

};

schedule.addResource({

field: 'floor_id', title: 'Floor',

allowMultiple: false,

dataSource: building_floors,

textField: 'FloorLabel', idField: 'id'

},'Floors',0);

schedule.dataBind();

Error:

ej2.min.js?id=6af91d389b3b2018169a:1 Uncaught TypeError: Cannot read properties of null (reading 'addResource')

at t.addResource (ej2.min.js?id=6af91d389b3b2018169a:1:15010911)

at filterDayView (Scheduling:897:26)

at t.navigating (Scheduling:866:29)

at e.notify (ej2.min.js?id=6af91d389b3b2018169a:1:755972)

at e.trigger (ej2.min.js?id=6af91d389b3b2018169a:1:784994)

at e. (ej2.min.js?id=6af91d389b3b2018169a:1:14978788)

at e.notify (ej2.min.js?id=6af91d389b3b2018169a:1:755995)

at e.trigger (ej2.min.js?id=6af91d389b3b2018169a:1:784994)

at t.changeDate (ej2.min.js?id=6af91d389b3b2018169a:1:14978662)

at t.propertyChangeAction (ej2.min.js?id=6af91d389b3b2018169a:1:14994524)

t.addResource @ ej2.min.js?id=6af91d389b3b2018169a:1

filterDayView @ Scheduling:897

navigating @ Scheduling:866

e.notify @ ej2.min.js?id=6af91d389b3b2018169a:1

e.trigger @ ej2.min.js?id=6af91d389b3b2018169a:1

(anonymous) @ ej2.min.js?id=6af91d389b3b2018169a:1

e.notify @ ej2.min.js?id=6af91d389b3b2018169a:1

e.trigger @ ej2.min.js?id=6af91d389b3b2018169a:1

t.changeDate @ ej2.min.js?id=6af91d389b3b2018169a:1

t.propertyChangeAction @ ej2.min.js?id=6af91d389b3b2018169a:1

t.onPropertyChanged @ ej2.min.js?id=6af91d389b3b2018169a:1

e.dataBind @ ej2.min.js?id=6af91d389b3b2018169a:1

t.dataBind @ ej2.min.js?id=6af91d389b3b2018169a:1

setTimeout (async)

e.updateTimeOut @ ej2.min.js?id=6af91d389b3b2018169a:1

e.saveChanges @ ej2.min.js?id=6af91d389b3b2018169a:1

(anonymous) @ ej2.min.js?id=6af91d389b3b2018169a:1

filterDayView @ Scheduling:888

navigating @ Scheduling:860

e.notify @ ej2.min.js?id=6af91d389b3b2018169a:1

e.trigger @ ej2.min.js?id=6af91d389b3b2018169a:1

(anonymous) @ ej2.min.js?id=6af91d389b3b2018169a:1

e.notify @ ej2.min.js?id=6af91d389b3b2018169a:1

e.trigger @ ej2.min.js?id=6af91d389b3b2018169a:1

t.changeView @ ej2.min.js?id=6af91d389b3b2018169a:1

t.changeCurrentView @ ej2.min.js?id=6af91d389b3b2018169a:1

cellClick @ Scheduling:822

e.notify @ ej2.min.js?id=6af91d389b3b2018169a:1

e.trigger @ ej2.min.js?id=6af91d389b3b2018169a:1

e.cellClick @ ej2.min.js?id=6af91d389b3b2018169a:1

ej2.min.js?id=6af91d389b3b2018169a:1 Uncaught TypeError: Cannot read properties of null (reading 'generateResourceLevels')

at t.generateColumnLevels (ej2.min.js?id=6af91d389b3b2018169a:1:15208595)

at t.renderLayout (ej2.min.js?id=6af91d389b3b2018169a:1:15132433)

at e.initializeLayout (ej2.min.js?id=6af91d389b3b2018169a:1:14907964)

at e.render (ej2.min.js?id=6af91d389b3b2018169a:1:14905080)

at t.initializeView (ej2.min.js?id=6af91d389b3b2018169a:1:14974857)

at t.propertyChangeAction (ej2.min.js?id=6af91d389b3b2018169a:1:14994570)

at t.onPropertyChanged (ej2.min.js?id=6af91d389b3b2018169a:1:14994319)

at e.dataBind (ej2.min.js?id=6af91d389b3b2018169a:1:784176)

at t.dataBind (ej2.min.js?id=6af91d389b3b2018169a:1:801382)

[Ravikumar Venkatesan]

Hi Mark,

We require additional details to validate your query at our end. So, share the below details to proceed further.

• Entire Schedlue-related code snippets or issue reproducing sample.
• Example data of buildings and floors and eventSettings dataSource(for both buildings and floors).
• The video demo explains the requirement or images illustrate the requirement(Like how the buildings need to be grouped with Month view and floors are grouped with TimelineDay view.).

Regards,

Ravikumar Venkatesan