Mulitselect drag and drop not working from 1 listview to another

2 posts, 0 answers
  1. Anand Vardhan
    Anand Vardhan avatar
    2 posts
    Member since:
    Oct 2016

    Posted 12 Oct 2016 Link to this post


    I am trying to implement Multi select items drag and drop from 1 listview to another.

    I know that both selectable and draggable listen to the same event Select, hence directly we cannot do. Can someone help with some work around?

    Here is my working code for single selection drag and drop: I want to make it work for selecting multiple drag and drop.

    var dataSourceSalesRole = new{
            data: salesRole,
            pageSize: 21
        var dataSourceSalesRoleContainer = new{
            data: salesRoleContainer,
            pageSize: 21
            dataSource: dataSourceSalesRole,
            template: kendo.template($("#templateSalesRole").html())
            dataSource: dataSourceSalesRoleContainer,
            template: kendo.template($("#templateSalesRoleContainer").html())
            group: "salesRole",
            filter: ".move",
            hint: function (element) {
                return element.clone();
            group: "salesRole",
            dragenter: function (e) {
                e.draggable.hint.css("opacity", 0.6);
            dragleave: function (e) {
                e.draggable.hint.css("opacity", 1);
            drop: function (e) {
                var count = 0;
                var dropItem = dataSourceSalesRole.getByUid(;
                var salesRoleId = dropItem.SalesRoleId;
                var saleRoleContainerData =;
                $(saleRoleContainerData).each(function () {
                    if (this.SalesRoleId == salesRoleId) {
                        alert('Sales Role already exist! Cannot add.');
                if (count == 0) {
  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2056 posts

    Posted 14 Oct 2016 Link to this post

    Hello Anand Vardhan,

    Indeed multiple selection does not play nicely with drag and drop due to the fact that selectable events and drag events both fire with selectable events taking precedence. However you can take a look at the forum discussion for a possible workaround. 

    Please note that this is not supported scenario so in some cases the workaround might not work as expected. 

    Boyan Dimitrov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top