如何为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/