How to handle Kendo grid checkbox event in Angular

Question

I need to display status column value. when only the checkbox checked row in kendo grid angular. here the code

 <kendo-grid [data]="gridData" [navigable]="true" [selectable]="{ mode: 'single' }">
          <kendo-grid-column field="Discontinued" title="" width="20">
            <ng-template kendoGridCellTemplate let-dataItem>
                <input type="checkbox" (click)="toggle(dataItem, 'Discontinued')" [checked]="dataItem.Discontinued"/>
            </ng-template>
        </kendo-grid-column>
        
        <kendo-grid-column field="ProductName" title="Units" [width]="30"></kendo-grid-column>
          
           <kendo-grid-column field="Discontinued" title="status" [width]="30"></kendo-grid-column>
     </kendo-grid>

TS:

  public toggle(dataItem: any, field: string): void {
  
   dataItem[field] =  'primary';
  }

above primay value need to given statically. when unchecked the status value still showing the primary value. I need display status value only checked when unchecked don't display any value. please help me

code sample here

Have you checked my answer and tried it?

Giannis
– Giannis

2021-04-05 11:39:17 +00:00
Commented Apr 5, 2021 at 11:39 — Giannis
– Giannis, Commented Apr 5, 2021 at 11:39

Giannis · Accepted Answer · 2021-03-23 12:20:23Z

3

In order to keep it simple and follow the way you implemented it, try to change the toggle method like that:

public toggle(dataItem: any, field: string): void {
  if (dataItem[field] === 'primary') {
    dataItem[field] =  '';
  }
  else {
    dataItem[field] =  'primary';
  }
}

Please find the updated code and result

answered Mar 23, 2021 at 12:20

Giannis

1,8601 gold badge15 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to handle Kendo grid checkbox event in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related