Kendo grid filtering a dropdown list kendoGridEditTemplate cell template not working

[Deepak]

Hi,

My Code is below , I am using dropdown list in kendoGridEditTemplate it has a value and text field. Also i am using [columnMenu]="{ filter: true }" in the grid to get column menu filter. When i filter through the filter

of this column it filters on the value field of the rather than the text field of the dropdown list.

I want the filter to filter on text field of the dropdown. Please help

<kendo-grid[kendoGridBinding]="data"[pageSize]="gridState.take"[skip]="gridState.skip"[sort]="gridState.sort"

[columnMenu]="{ filter: true }"[pageable]="true"[sortable]="true"(dataStateChange)="onStateChange($event)"

(edit)="editHandler($event)"(cancel)="cancelHandler($event)"(save)="saveHandler($event)"

(remove)="removeHandler($event)"(add)="addHandler($event)"[navigable]="true"[selectable]="{ mode: 'single'}"

(selectionChange)="selectedKeysChange($event)">

<kendo-grid-column field="ClientCode" title="ClientCode" [width]="150">

    <ng-template kendoGridEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">

     

<kendo-dropdownlist[valuePrimitive]="true"[data]="clientCodes"textField="Code_Description"

valueField="Code"[formControl]="formGroup.get('ClientCode')"></kendo-dropdownlist>

    </ng-template>

    <ng-template kendoGridCellTemplate let-dataItem>

      {{ clientCode(dataItem.ClientCode)?.Code_Description }}

    </ng-template>

 

</kendo-grid-column>

</kendo-grid>