如何為Angular的Kendo網格創建動態單元格

Question

我有一個Kendo網格，其中需要根據數據在同一列中使用不同的輸入控件。 我有三種情況：

1. 如果值為true ，則復選框應處於編輯狀態。
2. 如果值為string或number ，則文本框應處於編輯狀態
3. 如果值為“更多”，則超鏈接應進行編輯。

請看上面的截圖。

Answer 1

在模板中定義列的位置，您可以為單元格使用自定義模板。 在此您可以編寫一些條件來決定要渲染的內容：

<kendo-grid-column field="example" title="Example" width="100">
    <ng-template kendoGridCellTemplate let-dataItem>
        <!-- You can use ngIf and/or ngSwitch here. -->
    </ng-template>
</kendo-grid-column>

API： https ： //www.telerik.com/kendo-angular-ui/components/grid/api/CellTemplateDirective/