kendo-ui angular 6 如何使用模板自定义网格的列

Question

我正在尝试使用模板来自定义网格的列，并格式化将在列中显示的数据。我想在我的代码中设置此参数以及其他列参数，例如...

public gridColumns:any[]=[{

    field:"ProductName",
    title:"ProductName",
    template:'<img src="test.png"/>'
}]; 

但是，我注意到，在 Kendo UI Angular TypeScript 文档中，没有像之前使用 AngularJS 那样的模板参数。

[{
  "Field": "CreateDate",
  "Title": "Creation Date",
  "Width": 75,
  "Template": "#= (data.CreateDate == null) ? ' ' : kendo.toString(kendo.parseDate(data.CreateDate, 'yyyy-MM-dd'), 'dd.MM.yyyy') #"
}]

我想主要问题是：这可以做到吗？如果是这样，我做错了什么。

Answer 1

你可以在剑道栏内使用ng模板来实现这个

<kendo-grid [data]="gridData">
        <kendo-grid-column>
            <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
                <span
                    class="column-class">
                        {{dataItem.Data}}
                </span>
            </ng-template>
        </kendo-grid-column>
  </kendo-grid>