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

3 posts, 0 answers
  1. David
    David avatar
    13 posts
    Member since:
    Sep 2008

    Posted 25 Apr 2016 Link to this post

    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
            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
            filter: "tr", //specify which items will be draggable
            hint: function (element) { //create a UI hint, the `element` argument is the dragged item
                employeeDragged = 1;
                return element.clone().css({
                    "opacity": 0.6,
                    "background-color": "#0cf"
  2. Alexander Valchev
    Alexander Valchev avatar
    2887 posts

    Posted 27 Apr 2016 Link to this post

    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.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. David
    David avatar
    13 posts
    Member since:
    Sep 2008

    Posted 27 Apr 2016 in reply to Alexander Valchev Link to this post

    Thanks man. Works like a charm.
Back to Top