Double click date event on non-editable Scheduler

3 posts, 1 answers
  1. Mark
    Mark avatar
    94 posts
    Member since:
    Jul 2014

    Posted 08 Jul 2015 Link to this post

    Hi,

     

    I have a Kendo Scheduler which has Editable=false applied as it's for viewing only.  However, if you double-click on a date, I'd like the site to navigate to a separate page specific to that date to display a summary of what's happening on that date.  Therefore, I have bound a double-click event to each cell for this event - however, I don't have access to the date selected to pass to my next page.

            $('div.k-event-template').parent().dblclick(function () {
                alert("Handler for .dblclick() called.");
            });

    What's the best way of achieving this?

     Thanks, Mark

  2. Answer
    Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2206 posts

    Posted 10 Jul 2015 Link to this post

    Hi Mark,

    Basically if you need to get the event underlying object than you can attach the "dblclick" handler to the elements with ".k-event" class instead. When the user clicks on such element you can get it's "uid" attribute and pass it to the "occurrenceByUid" method of the scheduler:

    $("#scheduler").on("dblclick", '.k-event', function (e) {
        var scheduler = $("#scheduler").getKendoScheduler();
        var element = $(e.target).is(".k-event") ? $(e.target) : $(e.target).closest(".k-event");
     
        var event = scheduler.occurrenceByUid(element.data("uid"));
        alert(event.title);
    });

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Mark
    Mark avatar
    94 posts
    Member since:
    Jul 2014

    Posted 10 Jul 2015 in reply to Vladimir Iliev Link to this post

    Cool, thanks!
Back to Top