Kendo ui 剑道网格动态标题填充,角度7

Kendo ui 剑道网格动态标题填充,角度7,kendo-ui,kendo-grid,angular7,Kendo Ui,Kendo Grid,Angular7,我正在开发一个带有列标题的剑道网格,该网格将根据api响应数据动态生成,我在使用jquery时可以找到很多想法,是否可以将列数据从angular component类加载到模板html。任何链接都可以。您要找的是设置标题模板。你可以读到它 基本上,您可以执行以下操作: <kendo-grid [data]="gridData"> <kendo-grid-column field="ProductName"> <ng-template kend

我正在开发一个带有列标题的剑道网格,该网格将根据api响应数据动态生成,我在使用jquery时可以找到很多想法,是否可以将列数据从angular component类加载到模板html。任何链接都可以。

您要找的是设置标题模板。你可以读到它

基本上,您可以执行以下操作:

<kendo-grid [data]="gridData">
    <kendo-grid-column field="ProductName">
        <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
              {{column.field}}({{columnIndex}})
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

{{column.field}}({{columnIndex}})
在模板中,您可以使用组件上的任何成员

注意:如果您在模板中使用的数据在异步调用中更新,并且您使用的是
ChangeDetectionStrategy.OnPush
,您需要将
changeDetector:ChangeDetectorRef
添加到构造函数参数中,并让更改检测器知道它必须使用
this.changeDetector.markForCheck()
检查更改


请看演示

您好,谢谢您的回复。我可以将字段按行绑定,我正在查找用列字段数据填充标题的内容。。例如。。column.field数据必须绑定在标题中,而不是ProductName。我应该能够绑定Chai,在下一列中,我可以动态绑定下一个ProductName,这可以使用jquery来实现,就像angular 7I的任何链接都添加了演示一样。我想这回答了你的问题。如果没有,请尝试用另一种方式解释。感谢提供的示例,我正在寻找我可以将eg Chai的数据作为标题在第1列中传递,而下一列第2列标题保持Chang,就像这样将数据响应作为列标题传递一样,更多示例-我有一个数据,我必须像ShopName一样-第1列标题将是他们销售的产品,价格作为第1列字段数据加载。像shop1卖柴20美元,shop1卖张25美元。感谢您的回复。此支持会为网格保存操作吗?