iccube-reporting - icCube：如何显示一个 Big Widget 正在加载？

Question

使用iccube 5.2，我们开发了一个需要大量数据下载的自定义小部件......

不幸的是，在加载包含此小部件的报告时，在加载之前屏幕上不会显示任何内容，并且用户可能会认为没有任何反应......

我怎么能建议用户它正在工作，而他只需要等待？

Answer 1

这种情况有预定义的样式。

<div class="ic3-fixed-layout-box ic3-loading" style="width:200px; height:200px">
   <div class="ic3-loading-div-back"></div>
</div>

此 html 将生成 200x200 像素的框，带有加载动画和模糊效果。

因此，要查看加载效果，.ic3-loading应在加载请求时将类添加到小部件的父容器（带有 class .ic3-fixed-layout-box）。

在请求发送之前检查您的小部件是否与这些类一起生成，并且在请求成功时只需.ic3-loading从父元素中删除类，就像对 ic3 小部件所做的那样。