grid组件如何在加载数据（刷新、翻页）时，提示加载中

江苏院-吴昊

如题，grid加载时，在表格的中间提示“数据加载中”。grid好像就自带这个，因为有时候grid 渲染失败时，就会出现那种框，提示正在加载。但是不知道用什么方法可以在数据刷新的时候显示出来。

数据量大的时候，在翻页会有明细的延时，所以想有个提示

jishuang

可以用放一个popOver，在刷新前事件调用popOver显示，在刷新后事件中调用popOver隐藏

江苏院-吴昊

jishuang 发表于 2018-8-20 09:08
可以用放一个popOver，在刷新前事件调用popOver显示，在刷新后事件中调用popOver隐藏 ...

效果不好，这个每个页面都得放，太麻烦了

江苏院-吴昊

jishuang 发表于 2018-8-20 09:08
可以用放一个popOver，在刷新前事件调用popOver显示，在刷新后事件中调用popOver隐藏 ...

说错了， 不是grid。grid没有，是datatables

jishuang

data加载数据慢，跟datatables中提示无关，需要按照2楼的方案处理，或者自己修改data组件的js文件自己在组件添加

如果是datatables你前面已经说了自己都会提示，不需要自己加

江苏院-吴昊

jishuang 发表于 2018-8-20 09:57
data加载数据慢，跟datatables中提示无关，需要按照2楼的方案处理，或者自己修改data组件的js文件自己在组 ...

grid 和 datatables 其实都是有loading的。查看html元素就知道了。
查看jqGrid的源码时发现，在begin request前会 show，end request时会hide。但不知道是不是因为隐藏/显示间隔太短的原因。根本看不出来。 请求响应的时间在100ms以内，show/hide操作间隔太短。而grid渲染数据的时间长，所以grid一页展示大量数据（50条以上）时，视觉上看起来慢。

同理，二楼方法，刷新前show popover，刷新后 hide popover，其实ajax请求响应很快，只是grid渲染慢。所以应该在grid渲染数据完成时再hide。而不是刷新后就hide。  setTimeout可以解决部分问题，但能在grid渲染完数据后再隐藏最好

江苏院-吴昊

loading 本来就是一个平台最基本的组件。但是平台只有顶部的loadingbar，很不起眼，用户体验并不好，系统慢的时候，用户都不知道服务器是在处理请求。看看微信小程序/应用的设计规范。loading就是一个会屏蔽用户所有操作的框，明确告诉用户系统在处理，请等待。开发时调用也很简单。一行代码就可以调用。

在每个w中放个popover很麻烦。

我还有一个方案，就是提供一个全局的组件，像loadingbar一样。然后一行api就可以隐藏/显示。

jishuang

平台的loadingbar是ajax请求时加载的
如果是数据已经返回了dataTables渲染数据慢，这个都是前端js处理，只能这样

可以自己修改loadingbar的显示效果http://wex5.com/cn/bbs/forum.php ... 77630&pid=165171461

江苏院-吴昊

jishuang 发表于 2018-8-20 11:19
平台的loadingbar是ajax请求时加载的
如果是数据已经返回了dataTables渲染数据慢，这个都是前端js处理，只 ...

修改loadingbar我也试过，里面有overlay的遮罩会屏蔽用户所有操作。但是打开功能啊、关闭功能啊，凡是调用了action都会有这个遮罩。先这样吧，结贴吧。