时间戳

首页 > 解决方案 > Angular Kendo UI Grid 使用 Detail Grid 递归加载

angular - Angular Kendo UI Grid 使用 Detail Grid 递归加载

问题描述

我正在使用 Angular Kendo UI 并且无法集成网格，使用详细网格递归加载。

我有这个示例https://stackblitz.com/edit/angular-ior6b8并希望避免第二个 Grid 加载数据或每次更新第一个 Grid 并在第二个 Grid 上维护可调整大小的列属性时闪烁。

问题是第一个 Grid 的每次加载都会使详细信息组件被删除并重新创建。

标签： angularkendo-uikendo-gridkendo-ui-angular2

解决方案

而不是下面显示的 div 块。

<div *kendoGridDetailTemplate="let dataItem">
     <category-details [category]="dataItem"></category-details>
</div>

替换为 ng 模板。

<ng-template kendoGridDetailTemplate let-dataItem>
    <category-details [category]="dataItem"></category-details>
</ng-template>

您是否使用任何计时器刷新详细信息模板数据？

推荐阅读