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

您可以在kendo列中使用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>

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

1 个答案: