Need More Info
Last Updated: 07 Jan 2020 12:12 by ADMIN
Sushant
Created on: 22 Nov 2018 14:36
Category: Grid
Type: Bug Report
0
Kendo grid filter is not working

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.

5 comments
ADMIN
Alex Hajigeorgieva
Posted on: 01 Mar 2019 11:45
Hi, Radhika,

Since the filtering occurs at the dataSource level, could you please provide the data source and schema declaration as well?

This will allow us to create a runnable example that can be debugged locally.

Look forward to hearing back from you.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Radhika
Posted on: 25 Feb 2019 10:41

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,

    };


   
ADMIN
Alex Hajigeorgieva
Posted on: 07 Dec 2018 08:01
Hi, Sushant,

Thank you for the provided video and clarifying the type of filtering that you have.

Since we cannot reproduce the behaviour in the built-in filterable grid I would need you to send us a sample that demonstrates it.

This will allow us to put a breakpoint in the Kendo UI Grid filter event, look at the Network tab requests, etc - something that the video does not show.

Alternatively, you may send the code from the page as well as the server controller if server operations are used.

Look forward to hearing back from you.

Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Sushant
Posted on: 04 Dec 2018 14:47

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. 

 

 

Attached Files:
ADMIN
Alex Hajigeorgieva
Posted on: 29 Nov 2018 09:59
Hi, Sushant,

I am sorry to hear that the filtering in the Kendo UI Grid in your application is not working as expected.

I assume that the filtering in the grid is the row mode by the explanations, please correct me if I am wrong. So I followed the steps as described in the thread here and was not able to see the erroneous behaviour. Please check the steps that I am taking and let me know in case I have missed or misunderstood anything:

https://monosnap.com/file/FCXZpN1dIGEsWkBzjHymPt7CLunvMD

Here is the official row filter demo:

https://demos.telerik.com/kendo-ui/grid/filter-row

Look forward to hearing back from you.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.