如何處理 Angular 中的劍道網格復選框事件

Question

我需要顯示狀態列值。 當只有復選框選中劍道網格 angular 中的行時。 這里的代碼

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

以上主要值需要靜態給出。 未選中時，狀態值仍顯示主要值。 我只需要在未選中時才選中顯示狀態值不顯示任何值。 請幫我

代碼示例在這里

Answer 1

為了保持簡單並遵循您實現它的方式，請嘗試像這樣更改toggle方法：

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

請找到更新后的代碼和結果