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

如何解决如何在 Angular 中处理 Kendo 网格复选框事件

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

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

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

代码示例 here

解决方法

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

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

请找到更新的 code 和 result