文章分類/

Infragistics|Ultimate UI Angular|在 IgxGrid 單元格中顯示複選框

276 瀏覽人次
2023-04-20 更新

infragistics log

此篇文章為基於 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 對象。

範例

 

參考文件

快速跳轉目錄

✦ 群昱 AccessSoft 你的全面軟體解決方案 ✦

身為全球眾多知名軟體在台灣合作夥伴,歡迎諮詢你需要的軟體服務!

Picture of 軟體專家
軟體專家

群昱作為全球知名軟體推薦合作夥伴,致力於提供更多軟體解決方案給你!

更多軟體新知

立即詢價

請留下完整資訊,以便我們提供精確的服務內容給你。

詢價資訊