Customizing recurrence editor

[jose lara]

Hi, in the recurrence editor, when a user selects repeat= "daily"

1. I want to restrict "Repeat Every" drop down list to have only certain values. e.g. "1","3" 
2. Also, the "End" drop down should only contain option "Until". How can I do this?

I tried the following, but getting this error -  Cannot read property 'endType' of undefined

document.getElementById('RecurrenceEditor').style.display = (this.scheduleObj.currentAction == "EditOccurrence") ? 'none' : 'block';

(this.scheduleObj.eventWindow as any).recurrenceEditor.recurrenceEditor.endType.listData=[{text:'some text', value:'xxx'}]

[Vinitha Devi Murugan]

Hi Jose, 

 

Syncfusion greetings. 

 

We achieved your requirement by making use of popupOpen event of the scheduler and same can be available in below link. 

 

https://stackblitz.com/edit/angular-ggis42?file=app.component.ts 

 

In the above sample, we have achieved this case by using recurrence editor’s change event in Scheduler’s popupOpen event. 

 

Kindly try with the above sample and let us know, if you need any further assistance on this.  

 

Regards, 

M.Vinitha devi 

 

[jose lara]

thx. This works as expected. I wish there was an easier way to change it. In the same example, can you also tell me how I can only show repeat options "never", "weekly" and "monthly"? I believe this filteration should be happen at popup load time, instead of  recurrence.change event, as shown in your code sample.  

[Vinitha Devi Murugan]

Hi Jose, 

 

Thanks for your update. 

 

You can change the frequencies of the recurrence list by using below line same can be available in below sample. 

 

https://stackblitz.com/edit/angular-ggis42-nuxpgr?file=app.component.ts 

 

      // To change the frequencies in recurrence list 

      (this.scheduleObj.eventWindow as any).recurrenceEditor.frequencies = ['none','weekly', 'monthly']; 

 

Please refer below UG link. 

https://ej2.syncfusion.com/angular/documentation/schedule/recurrence-editor/?no-cache=1#customizing-the-repeat-type-option-in-editor 

 

Regards, 

M.Vinitha devi