Angular Kendo grid custom Multi-Checkbox row Filtering

0 Answers 180 Views
Filter Grid
Marek
Top achievements
Rank 1
Marek asked on 25 Apr 2023, 11:49 AM | edited on 25 Apr 2023, 11:59 AM

I'm struggling with issue creating custom filter Multi-Checkbox but for row filters - it should be open when user click on input bellow column header, chosen values displays in this input field.

I was trying work with those both tutorials :
https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row/#toc-custom-filter-row-components

and 

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/#toc-multi-checkbox-menu-filtering

and trying combine them somehow.

The issue which I'm facing with is when i try update filters by methods 

filterService.filter()

or by

extends BaseFilterCellComponent

and method

this.applyFilter()

It makes that other already chosen filters from other columns disappears.

My grid setup looks like this

 <kendo-grid
            [data]="gridData"
            [filter]="filter"
            filterable="row"
            (filterChange)="filterChange($event)"
            (dataStateChange)="dataStateChange($event)"
            [height]="400"
        >

 where 
gridData is a GridDataResult 
filters is CompositeFilterDescriptor

my goal is to receive such object of filters

{"filter":{
    "filters":[
         {
             "field":"ProductName",
             "operator":"contains",
             "value":"chai"
         },
         {
             "filters":[
                 {
                     "field":"CategoryID",
                     "operator":"eq",
                     "value":2
                 },
                 {
                     "field":"CategoryID",
                      "operator":"eq",
                      "value":7
                 },
                 {
                      "field":"CategoryID",
                      "operator":"eq",
                      "value":6
                  }
              ],
              "logic":"or"
          }
     ],
     "logic":"and"
},
"group":[],
"skip":0,
"sort":[]
}

Yanmario
Telerik team
commented on 28 Apr 2023, 07:53 AM

Hi Marek,

Is it possible to share with us an example of the current state of your implementation? That will provide us with some additional context and a way to troubleshoot the implementation.

It is worth mentioning is that the desired implementation is custom and considered a developer effort. However, I will try to provide assistance with the approach and I do also want to note that rendering checkboxes in the row filter might lead to a strange UI look:

Thank you in advance for your cooperation.

Regards,
Yanmario
Progress Telerik     

No answers yet. Maybe you can help?

Tags
Filter Grid
Asked by
Marek
Top achievements
Rank 1
Share this question
or