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"
});
}
});