如何在 Angular 中处理 Kendo 网格复选框事件答案

【问题标题】：How to handle Kendo grid checkbox event in Angular如何在 Angular 中处理 Kendo 网格复选框事件
【发布时间】：2021-06-16 00:04:45
【问题描述】：

我需要显示状态列值。当仅复选框选中剑道网格角度中的行时。这里是代码

 <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';
  }

高于primay的值需要静态给出。未选中时，状态值仍显示主要值。我需要显示状态值，仅在未选中时才选中不显示任何值。请帮帮我

代码示例 here

【问题讨论】：

你检查过我的答案并尝试了吗？

标签： angular kendo-grid kendo-ui-angular2

【解决方案1】：

为了保持简单并遵循您实现它的方式，请尝试像这样更改toggle 方法：

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

请找到更新的 code 和 result

【讨论】：