[Solved] Grid Drag and Filter option does not work at the same time

[Ledcor Development Team]

I can't make both the drag of row from employee grid and column filter option work at the same time. If I commented out the $("#employeesGrid").kendoDraggable option then the filter works fine otherwise filter options is visible however, it does not allow typing anything there. How can I make both works at the same time?

//Bind data to Employee grid
    $("#employeesGrid").kendoGrid({
        dataSource: $scope.datasourceEmployees,
        height: 660,

        sortable: true,
        pageable: true,
        selectable: 'row',
        pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 7
        },
        columns: [
            {
                field: "EmployeeKey",
                title: "Employee Key",
                width: 100
            },

            {
                field: "FullName",
                title: "Employee Full Name",
                width: 200
            },

            {
                field: "JDEEmployeeName",
                title: "JDE Employee Name",
                width: 140
            },

            {
                field: "SFEmployeeName",
                title: "SF Employee Name",
                width: 140
            }
        ]
    });

    $("#employeesGrid").kendoDraggable({

        filter: "tr", //specify which items will be draggable
        hint: function (element) { //create a UI hint, the `element` argument is the dragged item
            employeeDragged = 1;
            console.log(employeeDragged);
            return element.clone().css({
                "opacity": 0.6,
                "background-color": "#0cf"
            });
        }
    });

[Alexander Valchev]

Hi Dave,

Try to modify the draggable filter to the following:

filter: "tr:not(.k-filter-row)",

If the above does not help try adding:

ignore: "input"

to the draggable configuration.

Regards,
Alexander Valchev
Telerik

 

 

[Ledcor Development Team]

Thanks man. Works like a charm.