如何在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';
}
}