How to disable the Recurrence editor in Vue scheduler?

Question

Hi.I am building the schedule calendar using the Vue syncfusion scheduler.But I have one problem.How can I disable the Recurrence editor?For example, when the schedule status is started, I want to disable the recurrence editor on popup.How can I do this?Please help me...Thanks

Vinitha Devi Murugan · Answer

Hi Alejandro,

Greetings from Syncfusion support.

We have validated your reported query “ How can I disable the Recurrence editor?” at our end. We have achieved your requirement with the help of below CSS and for the same we have prepared the below sample.

Sample: https://codesandbox.io/s/disable-recurrence-editor-from-default-window-w1j67

<style>

.e-recurrenceeditor .e-editor {

display: none;

}

</style>

Kindly try with the above sample and get back to us if you need any further assistance.

Regards,

Vinitha

Alejandro Diaz · Answer

Thanks for your reply.I checked your answer so it is helpful.But I want to disable Recurrence editor. Not 'display none'.It must display on the popup, but the user can't editable. must be able to Read only...How to do it?

Praveenkumar Narasimhanaidu · Answer

Hi Alejandro, 

Thanks for your update. 

We have validated your requirement “readonly recurrence editor” at our end and you can achieve this requirement with help of below code snippet using scheduler’s popupOpen event. we have also prepared sample for your reference which can be viewed from following link. 

Sample: https://codesandbox.io/s/disable-recurrence-editor-from-default-window-forked-0tc8x?file=/src/App.vue 
 
App.vue 




onPopupOpen(args) { 
      if (args.type === "Editor") { 
        debugger; 
        var ddlObj = args.element.querySelectorAll(".e-dropdownlist")[2] 
          .ej2_instances[0]; 
        ddlObj.readonly = true; 
      } 
    }, 
 
Kindly try the above solution and get back to us if you need any further assistance. 
 
Regards, 
Praveenkumar