如何将加载指示器或“微调器”添加到剑道角 2 网格?

Posted

技术标签:

【中文标题】如何将加载指示器或“微调器”添加到剑道角 2 网格?【英文标题】:How can I add loading indicator or a "spinner" to a kendo angular 2 grid? 【发布时间】:2017-07-28 10:10:25 【问题描述】:

我正在使用剑道角 2 网格。我想在调用 Web 服务时添加一个加载指示器。剑道网格 api 似乎不支持这一点。我应该如何处理这个?

【问题讨论】:

你可以试试这个***.com/questions/39893940/… 【参考方案1】:

为了显示操作正在进行,您可以使用 [loading] 输入参数。它的默认值为 false,因此将其设置为 true 以显示微调器。

如果您想应用自定义加载指示器,只需使用 <div *ngIf="loading" class="k-i-loading"></div> 并相应地设置 loading(请求数据时为 true,从 Web 服务获得响应后为 false)。

来自 Kendo UI 的 Angular 文档:

Built-in loading indicator

Implement a Loading Indicator Manually

希望对你有帮助。

【讨论】:

【参考方案2】:

您可以使用 kendo-ui 的 no records 模板来构建自定义消息

【讨论】:

在 Angular 版本的 Kendo UI 中,这仅适用于列表视图组件。他们还没有为网格提供无记录模板选项。我最近为此创建了一个功能请求。 自从我上次看剑道以来已经有 2 年多了,但它看起来像我在 4 年前最初提到的那样:telerik.com/kendo-angular-ui/components/grid/api/…

以上是关于如何将加载指示器或“微调器”添加到剑道角 2 网格?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用列设置动态创建角剑道网格列?

如何隐藏和显示加载微调器 - 活动指示器反应原生,管理道具和状态

如何将复选框列添加到剑道网格

如何将项目添加到剑道 ui 网格的数据源

当页面数据未从 Firebase 完全加载时显示加载指示器/微调器 - Flutter

显示加载/进度指示器的最佳方式?