如何为 Angular 的 Kendo 网格创建动态单元格

【问题标题】：How to create dynamic cells for Kendo grid for Angular如何为 Angular 的 Kendo 网格创建动态单元格
【发布时间】：2018-04-03 17:56:07
【问题描述】：

我有一个剑道网格，根据数据，我需要在单个列中使用不同的输入控件。我有三种情况：

如果值为true，复选框应该会出现在编辑状态。
如果值为string 或number，则文本框应进入编辑状态
如果值为更多，则超链接应在编辑时出现。

请看上面的截图。

【问题讨论】：

标签： angular kendo-grid kendo-ui-angular2 kendo-angular-ui

【解决方案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/

【讨论】：