Hi,
In my kendo grid , when i apply a filter to 2 columns, first i apply filter to numeric column which results in no value and then after that i applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when i remove the value from textbox of numeric column and enter filter, no data being displayed as string column filter is there but in case i remove the value from textbox of string column and enter filter , numeric column filter also got removed.
I also checked the kendo functionality , but not getting any solution for this problem.
Hey Alex,
Here's the code for Kendo Grid Filter which is causing the above issue.
$scope.DemoGrid = {
columns: [
{ field: 'ID', title: "ID", template: "<span><a href='' class='link-default' ng-click='getDetails(\"#=ID#\")'>#=ID#</a></span>" },
{ field: 'Type', filterable: false, title: "Type" },
{ field: 'Name', title: "Name", template: "<span>#=Name# </span>" },
{
field: 'Date', title: "Date", type: "date", format: "{0:dd-MMM-yyyy}", parseFormats: ["dd/MM/yyyy"],
filterable: {
ui: function (element) {
element.kendoDatePicker({
format: "dd-MMM-yyyy",
parseFormats: ["dd/MM/yyyy"]
});
}
}
}
,
{ field: '', title: 'Action', template: "<span><a href=\'" + DemoDownloadApi + "?id=#=DownloadId#\' role='button' class='btn btn-blue-primary'>Download</a></a></span>" },
{ field: "DownloadId", hidden: true, sortable: false },
],
pageable: {
buttonCount: 5,
pageSizes: [10, 20, 50, 100, 'All'],
input: true,
//refresh: false,
messages: {
display: Msg1,
empty: Msg2
}
},
sortable: true,
dataSource: DemoDataSource,
autoBind: false,
filterable: true,
scrollable: false,
resizable: true,
};
Hi Alex,
I have set the kendo grid filterable property to true.
sortable: true,
filterable: true,
scrollable: false
Please find the attached video of how my Kendo UI is behaving.
Removing filter from one column , removes filter from other column automatically.