This is a migrated thread and some comments may be shown as answers.

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

2 Answers 182 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
Ledcor Development Team
Top achievements
Rank 1
Ledcor Development Team asked on 25 Apr 2016, 09:36 PM
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"
            });
        }
    });

2 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 27 Apr 2016, 08:50 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ledcor Development Team
Top achievements
Rank 1
answered on 27 Apr 2016, 07:23 PM
Thanks man. Works like a charm.
Tags
Drag and Drop
Asked by
Ledcor Development Team
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Ledcor Development Team
Top achievements
Rank 1
Share this question
or