icCube:如何显示正在加载Big Widget?

时间:2016-07-07 08:01:27

标签: iccube-reporting

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

不幸的是,在加载包含此窗口小部件的报表时,屏幕上没有显示任何内容,直到加载它并且用户可能认为没有任何反应...

我怎么能告诉用户它正在工作,他只需要等待?

1 个答案:

答案 0 :(得分: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添加到窗口小部件的父容器(使用类.ic3-fixed-layout-box)。

在请求发送之前检查您的窗口小部件是否使用这些类生成,并且在请求成功时,只需从父元素中删除.ic3-loading类,就像为ic3窗口小部件完成一样。