How to set events programmatically and create event popup with our own fields

[Lilan]

Hi, 

 I have kendo ui timeline view controller and i want to set events from a different datasource, which will be javascript array. i tried to set array to kendoScheduler datasource but event was not bind to the controller and when i double click on time line it gives a event popup which has unwanted fields which i cant remove. please find the sample below. 

http://dojo.telerik.com/@lilan123/UPuDE/3

 

Thanks, 

Lilan

[Atanas Korchev]

Hi Lilian,

We are not sure what you are trying to achieve. Could you please clarify? For example what does "event was not bind to the controller" mean? Which controller are you referring to?

The demo you have attached seems to work - clicking the create button adds three events. What is the functionality you are trying to implement?


Regards,
Atanas Korchev
Telerik

 

 

[Lilan]

Hi Atanas, 

 Controller in a sense the component. by the way i have found the solution for that as below. 

 var scheduler = $("#schedulerTimeLine").data("kendoScheduler");
var dataSource = new kendo.data.SchedulerDataSource({
data: WorkPlanElementList
});
scheduler.setDataSource(dataSource);

 

but still i could not find a solution to customize event popup with our own fields and change events different colors when event is adding to the scheduler component. 

please check below issue.

http://www.telerik.com/forums/how-to-change-kendo-ui-scheduler-event-color-programmatically

 

Thanks 

Lilan. 

[Atanas Korchev]

Hi,

You should use the editable.template option in order to customize the popup editor.

You can use resources to set the color of events. Here is a live demo: http://dojo.telerik.com/@korchev/uJotO

Regards,
Atanas Korchev
Telerik

 

 

[Lilan]

Hi Atanas, 

Thanks a lot for your answer and it solved my both issues. Thanks a lot

 

Regards, 

Lilan