Kendo UI droppable drop event not firing

2 posts, 0 answers
  1. Chris
    Chris avatar
    7 posts
    Member since:
    Jan 2012

    Posted 23 Sep 2014 Link to this post


    I have a simple application that binds to a view model using
    Knockout JS. It uses a foreach loop that fires the Knockout afterAdd
    event when a new item is added to the view model. The result is supposed
    to be a Kendo draggable that can be dropped on a target. For some
    reason I can't get the drop event on the target to fire.

  2. Alexander Valchev
    Alexander Valchev avatar
    2887 posts

    Posted 25 Sep 2014 Link to this post

    Hello Chris,

    I already replied to your question in the support ticket that you submitted.

    For convenience I am pasting the reply here so other users that experience same issue may read it.

    Thank you for contacting us.

    The problem comes from the fact that Kendo Draggable and Kendo DropTarget components are initialized multiple times which is not supported. The code in reference is:

    this.bind = function () {
            hint: function (e) {
                $("#console").append("<li>firing hint</li>");
                return e.clone();
            drop: function (e) {
                $("#console").append("<li>firing drop</li>");

    Note that the selectors $(".draggable"), $(".droptarget") will select both the newly added and already appended to the page elements.

    Please make sure that only the newly added to the DOM elements should be initialized as Kendo Draggable.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top