Multiple clicks on "Save" button in Scheduler Editor popup result in multiple appointments created in Database

2 posts, 0 answers
  1. Denis Buchwald
    Denis Buchwald avatar
    29 posts
    Member since:
    Apr 2010

    Posted 05 Sep 2017 Link to this post

    I was able to reproduce this problem in your online demo page:

    When clicked on "Save" button multiple times, duplicate calendar entries are created in database. How to prevent that?

    Screenshot attached.


  2. Neli
    Neli avatar
    356 posts

    Posted 07 Sep 2017 Link to this post


    Possible approach to prevent saving duplicate data on clicking the 'Save' button multiple times is to hide the button after it is clicked. To achieve this, you should attach to the save event.

    .Events(e =>

    And in the save event handler, the save button could be hidden with the following code: 
    function onSave(e) {
     var btn = $('.k-scheduler-update');

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top