Mobile view adds all resources to schedule

[Paul Lovegrove]

I have a Scheduler working perfect fine on a desktop. It enables a user to tick on resources (and off) and they appear on the schedule. However, when i load it up on the mobile phone (latest iOS - iphone 8) it seems to load ALL resources by default into the schedule. This is very odd behaviour! see attachment

Sample code.

 scheduleObj = new ej.schedule.Schedule({

            width: '100%',

            height: '650px',

            workHours: {

                start: '07:00',

                end: '20:00'

            },

            startHour: '07:00',

            endHour: '20:00',

            eventSettings: { dataSource: data },

            editorTemplate: '#EventEditorTemplate',

            readonly: false,

            showQuickInfo: false,

            currentView: 'TimelineWeek',

            allowVirtualScrolling: true,

            rowAutoHeight: true,

            group: {

                resources: ['StaffLocation', 'StaffName']

            },

            resources: [{

                field: 'StaffLocation', title: 'StaffLocation',

                name: 'StaffLocation', allowMultiple: true,

                textField: 'StaffLocation', idField: 'StaffLocation', colorField: 'CalendarColor'

            },

            {

                field: 'StaffName', title: 'NewStaffName',

                name: 'StaffName', allowMultiple: true,

                textField: 'StaffName', idField: 'StaffName', colorField: 'CalendarColor', groupIDField: "StaffLocation"

            }

            ],

            views: viewsCollection,

          

[Hareesh Balasubramanian]

Hi Paul, 

Greetings from Syncfusion Support..! 

We have checked the reported scenario at our end by dynamically add/remove resources which is properly working at our end. And the sample can be viewed from the following link. 

https://stackblitz.com/edit/4ywjno-2yguaf?file=index.js  

function onChange(args) { 

  var value = args.event.target.getAttribute("value"); 

  var staff = staffData.filter(function(staff) { 

    return staff.StaffName === value; 

  }); 

  var location = locationData.filter(function(location) { 

    return location.StaffLocation === staff[0].StaffLocation; 

  }); 

  if (args.checked) { 

    if (scheduleObj.resourceCollection[0].dataSource.length === 0) { 

      scheduleObj.addResource(location[0], "StaffLocation"); 

    } else { 

      var resource = scheduleObj.resourceCollection[0].dataSource.filter( 

        function(resource) { 

          return resource.StaffLocation === location[0].StaffLocation; 

        } 

      ); 

      if (resource.length === 0) { 

        scheduleObj.addResource(location[0], "StaffLocation"); 

      } 

    } 

    scheduleObj.addResource(staff[0], "StaffName"); 

    scheduleObj.dataBind(); 

  } else { 

    scheduleObj.removeResource(value, "StaffName"); 

    scheduleObj.dataBind(); 

  } 

} 

Please try the sample if the issue persist still, please share the following details to validate the issue at our end. 

• Whether the issue replicating at initial load or when try to add/remove resources.
• Whether you are add/remove bulk of resources
• Scheduler related code
• Replicate the issue in the above sample
• Issue replicating sample(if possible)

Regards, 

Hareesh