如何在kendo-grid加载时显示kendo加载图标？

在Kendo Grid加载时显示Kendo加载图标，可以通过以下步骤实现：

1. 首先，确保你已经引入了Kendo UI库和相关的CSS文件。
2. 在HTML页面中，创建一个div元素来容纳Kendo Grid，并为其指定一个唯一的ID，例如：

<div id="grid"></div>

1. 在JavaScript代码中，使用Kendo Grid的配置选项来初始化Grid，并设置loadingTemplate属性为一个加载图标的HTML代码，例如：

$("#grid").kendoGrid({
  dataSource: {
    // 数据源配置
  },
  columns: [
    // 列配置
  ],
  loadingTemplate: '<span class="k-icon k-i-loading"></span> Loading...'
});

在上述代码中，loadingTemplate属性的值是一个包含加载图标的HTML代码。这里使用了Kendo UI提供的默认加载图标，即一个带有"k-icon k-i-loading"类的span元素。

1. 最后，通过调用Grid的数据源的read方法来加载数据，并在加载完成后隐藏加载图标，例如：

var grid = $("#grid").data("kendoGrid");
grid.dataSource.read().then(function() {
  // 数据加载完成后的操作
  grid.hideLoading();
});

在上述代码中，通过调用Grid的data方法获取Grid实例，并调用dataSource的read方法来加载数据。在数据加载完成后，通过调用Grid的hideLoading方法来隐藏加载图标。

这样，当Kendo Grid加载数据时，会显示一个加载图标，直到数据加载完成后自动隐藏。你可以根据需要自定义加载图标的样式和内容。

注意：以上答案中没有提及任何特定的云计算品牌商，如有需要，请自行查阅相关文档。