Scheduler startDate error

[Sonam Diwate]

Hi,

While routing from one page to another, I am getting below error:

I have assigned all required properties for the Scheduler component.

Regards,

Sonam Diwate

[Nevitha Ravi]

Hi Sonam, 

Greetings from Syncfusion Support. 

We suspect that dataSource for Scheduler is assigned before the Scheduler is rendered which could cause the reported problem. We suggest you to assign the dataSource to the scheduler in componentDidMount as in the following code. 

componentDidMount() {  

        //assign your dataSource to events variable  

        this.scheduleObj.eventSettings.dataSource = events; 

    }  

Please check whether the above solution works at your end, else please revert us back with the scheduler code snippets to check further on this. 

Regards, 

Nevitha 

[Sonam Diwate]

What will be events?

I am getting error in renderer while changing route.

getting error for var start = this.parent.activeView.startDate();

[Nevitha Ravi]

Hi Sonam, 

Thanks for your update. 

The events variable represents the dataSource collection which is going to be assigned to Scheduler. We have prepared a sample for your reference which can be downloaded from the following link. 

http://www.syncfusion.com/downloads/support/forum/144500/ze/ScheduleSample1240723116  

Please check the sample and if the issue persist still try to reproduce it in a sample or share how you have assigned dataSource scheduler. 

Regards, 

Nevitha 

[Sonam Diwate]

Could you get some examples to use data using redux state or using reducer action.

This POC is helpfull but in our case we were pulling data from reducer action and maintaining state, and then assigning data to Scheduler

Thanks,

Sonam Diwate

[Nevitha Ravi]

Hi Sonam, 

Thanks for your update. 

We have prepared a sample in which dataSource has been defined in state, please refer the following sample. 

https://stackblitz.com/edit/react-fzrqp9-k7guvd?file=index.js 

  constructor(props) { 

    super(props) 

 

    this.setScheduleRef = this.setScheduleRef.bind(this) 

    this.state = { 

      data: [] 

    } 

  } 

 

  componentDidMount() { 

   this.setState({ 

        data: [ 

          { 

            Id: '1', 

            Subject: 'Subject', 

            Description: 'Description', 

            StartTime: moment().toDate(), 

            EndTime: moment().add(30, 'minutes').toDate(), 

            IsAllDay: false 

          } 

      ] }) 

  } 

Please try the sample if the issue persist still, kindly try to reproduce the issue in a sample else share your code snippet to check further on this. 

Regards, 

Nevitha