Show Kendo Recurrence Editor as read-only mode?

[Nuttachai]

Hello,

I'm working on an app that needs to display Kendo Recurrence Editor as read-only mode. Is the component have read-only option?

Example on the attached image.

 

Thanks,

[Neli]

Hi Nuttachai,

In order to render the widgets in the Recurrence Editor in a read-only mode, I would suggest you subscribe to the edit event of the Scheduler. In the event handler, you could find the inputs you need to render as readonly. Then, for example for NumerictTextBox, DateTimePickers, ButtonGroup, you could use the enable method and set it to false.  Below is an example of setting the 'Repeat' ButtonGroup and the 'Repeat every' NumericTextBox to non-editable:

 

  edit: function(e){             
            if($("[data-role='recurrenceeditor'] .k-button-group").length > 0){
                  $("[data-role='recurrenceeditor'] .k-button-group").data("kendoButtonGroup").enable(false);                   
            } 

            var numeric = e.container.find("input.k-recur-interval[data-role='numerictextbox']")

            if(numeric.length > 0){
                 $("input.k-recur-interval[data-role='numerictextbox']").data("kendoNumericTextBox").enable(false);                    
            } 
          },

Here is a Dojo example where the described above is implemented. I hope you will find the example helpful. 

Regards,
Neli
Progress Telerik

[Nuttachai]

Hi Neli,

Thank you so much for your kindly support.

Very much appreciated.

 

Regards