如何在Angular中处理剑道网格复选框事件

如何在Angular中处理剑道网格复选框事件,angular,kendo-grid,kendo-ui-angular2,Angular,Kendo Grid,Kendo Ui Angular2,我需要显示状态列值。当只有复选框选中剑道网格中的行时。这是密码 <kendo-grid [data]="gridData" [navigable]="true" [selectable]="{ mode: 'single' }"> <kendo-grid-column field="Discontinued" title="" width="20&

我需要显示状态列值。当只有复选框选中剑道网格中的行时。这是密码

 <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>
上述主要值需要静态给定。 未选中时,状态值仍显示主值。 我需要仅在未选中时显示状态值,不显示任何值。 请帮帮我

代码示例

为了保持它的简单性并遵循您实现它的方式,请尝试更改
toggle
方法,如下所示:

public toggle(dataItem: any, field: string): void {
  if (dataItem[field] === 'primary') {
    dataItem[field] =  '';
  }
  else {
    dataItem[field] =  'primary';
  }
}
请查找更新的 和

你检查过我的答案并试过了吗?
public toggle(dataItem: any, field: string): void {
  if (dataItem[field] === 'primary') {
    dataItem[field] =  '';
  }
  else {
    dataItem[field] =  'primary';
  }
}