文章分類／Infragistics
此篇文章為基於 Angular 9.1.6 版本的 Ignite UI 的資訊。
如果您想在 IgxGrid boolean 值欄位單元格中顯示/使用複選框，請使用單元格模板放置複選框, 並使用當選中狀態, 更改為綁定值時觸發的事件。
例如，如果您對複選框使用 input(type=”checkbox”) 並使用 Angular 的 ngModelChange 事件：
<!-- app.component.html --> <igx-grid #grid1 [data]="data" height="400px" width="100%" [autoGenerate]="false"> <igx-column field="Finished" header="完了済？"> <ng-template igxCell let-cell="cell"> <input type="checkbox" [ngModel]="cell.value" (ngModelChange)="cell.update($event)" /> </ng-template> </igx-column> </igx-grid>
第 5 行中使用的單元格是與此單元格關聯的 IgxCellComponent 對象。