Create Event Programmatically

[Reafidy]

I have the scheduler set to timelinemonth view.  I would like to create events in the scheduler by simply clicking on the day for a particular attendee.  I cant find a way to create the event programmatically without showing the dialog.  Unfortunately the "add event" method simply shows the dialog. 

I can call the create method in the controller from jquery but then I would have to refresh the page to show the new data.  

[Nencho]

Hello Reafidy,

You can use tthe dataSource object of the Scheduler and add the new event directly in the collection. Please refer to the following dojo example and documentation article on the add method of the DataSource:

http://dojo.telerik.com/@nenchef/eSere/4

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-add

Hope this would help.

Regards,
Nencho
Progress Telerik

[Reafidy]

Thanks Nencho. 

[Varinder]

Hi guys,

What I have done is I have added a Context Menu with option Create Event (gets visible after mouse right click on scheduler) .

Now when User clicks on Create event then opening Kendo Window. In this I have two text boxes for Date and Time. 

Here what I want is I need Date and Time from Scheduler where user has clicks right of mouse.

For Example

If user right clicks on any cell of 15th date of scheduler at 10 am then text boxes should get filled with 15-04-2020 and 10:00 am respectively

Similarly, If user right clicks on any cell of 18th date of scheduler at 01 pm then text boxes should get filled with 18-04-2020 and 01:00 pm respectively and so on.

Here is Code Snippet

Also I have attached screen shots.

 Please help.

[Nencho]

Hello, Varinder,

We have a KB article, covering this scenario exactly. Check the following article, in order to observe how the slot info can be passed to the AddEvent popup:

https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/editing/editing-using-contextmenu 

See the select event handler of the Context Menu:

  select: function(e) {
            var target = $(e.target);

            if (target.hasClass("k-event")) {
              var occurrenceByUid = scheduler.occurrenceByUid(target.data("uid"));

              scheduler.editEvent(occurrenceByUid);
            } else {
              var slot = scheduler.slotByElement(target);

              scheduler.addEvent({
                start: slot.startDate,
                end: slot.endDate
              });
            }
        },

Hope this would help.

Regards,
Nencho
Progress Telerik