How can we add custom fields to Scheduler

[Ankit]

How can we add 2 more fields in Schedular UI?

I would like to add one field called location with textbox

and another field called group which is dropdown?

Do we have any example on this?

 

 

[Nencho]

Hello, Vishal,

The Scheduler component does not have an inbuilt setting for configuring additional components in it. The reason is that the variety of scenarios to cover is enormous and this is considered a rather custom enhancement. That said, we have a KB article on how to incorporate a DropDownList in the toolbar of the component and supply it with data. Please refer to the article above, where the implementation could be reuse for any element that you might want to append in the Scheduler:

https://docs.telerik.com/kendo-ui/knowledge-base/scheduler-add-control-to-toolbar 

Hope this would help.

Regards,
Nencho
Progress Telerik

[Ankit]

Thank you for reply.

Actually, we need our new fields to be added in new or edit form template along with recurrence.
We need Telerik out of the box edit scheduler template and in that template we need additional field.

I found this https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/editing/custom-edit-and-event-templates?_ga=2.108308874.984982400.1606720689-1416876702.1597070658

 

Can we use above implementation?

How can we show only view form with other fields for certain user and they cannot edit the scheuler?

For performance, How we can bind data if  custom API returns more than 1400 records?

 

[Nencho]

Hello, Vishal,

The article that you are referring to, is exactly the one that showcases the implementation we advise, in a scenario where a custom edit form needs to be implemented.

Regarding the fields - you can configure the Shema of the Scheduler Datasource, in order to define which fields should be used to supply the component with data.

As for the different popup variants - You can perform a check and set the custom template only for the users that you need to:  

         template: function(data){
              if(user == "myuser") {
                  return kendo.template($("#event-template").html())(data);
              }
          },

Hope this would help.

Regards,
Nencho
Progress Telerik