How can I going to popup editor modal for first schedule on the selected date?

[Alejandro Diaz]

Hi Support team,

I have one problem on Syncfusion Scheduler for Vue.

When loading page/scheduler, I am going to popup editor modal for first schedule on the selected date.

In details:

Here is my one element data structure of schedule_data.

So, schedule_data is an array with 10 elements as above.

What I want is :

I am going to popup editor modal for schedule data with Id = 35 or scheduleId = #584832 etc automatically(not manually) when loading page/scheduler.

How can I do?

Can you help me?

On my site, because this problem is urgent, I hope your quick answer ASAP.

NOTE: My page was built by Laravel + Vue.

Best regards.

[Alejandro Diaz]

Here is my source file.

Attachment: CaregiverSchedule_751fc783.zip

Please help me.

Thank you.

[Praveenkumar Narasimhanaidu]

Hi Alejandro, 

Greetings from Syncfusion support..! 

We have validated your requirement “Open event editor window automatically on scheduler initial loading” at our end and you can achieve it with the help of using openEditor method in dataBound event. we have also prepared a sample for your reference which can be viewed from the following link. 

Sample: https://codesandbox.io/s/ej2-vue-scheduler-open-editor-window-on-initial-load-9ktui?file=/src/App.vue 

onDataBound: function () { 

      if (flag) { 

        let eventData = { 

          Id: 4, 

          Subject: "Meteor Showers in 2018", 

          StartTime: new Date(2018, 1, 14, 13, 0), 

          EndTime: new Date(2018, 1, 14, 14, 30), 

        }; 

        let scheduleObj = this.$refs.scheduleObj.ej2Instances; 

        scheduleObj.openEditor(eventData, "Save"); 

        flag = false; 

      } 

Kindly try the above solution and let us know if this meets your requirement. 

Regards, 

Praveenkumar