EasyUI dataGrid在加载网络图片时会出现这种情况:
是不是特别happy?
经过一天的度娘后,发现网上还是有很多解决办法的;例如:
//这个应该是最好用的,也是网上回答最多的
onLoadSuccess : function(){
$('#dataGridPic').datagrid('fixRowHeight');
}
还有的说是resize一下,不过resize我不知道怎么使用,有朋友告诉我更好了。。。
先说一下出现错行的原因,自我理解:因为本人使用的图片是通过后台生成的<img src='' class='' >
再传到前台进行展示的,所以在显示图片会很慢,通过console.log发现onLoadSuccess 中的方法都执行完了,图片却还在加载中。上面的图片是最严重的,也就是$('#dataGridPic').datagrid('fixRowHeight');
方法执行完了,图片还没加载完,造成了序号和数据错行的情况;
解决办法:
思路:启动一个timer计时器,判断datagrid的数据行数,如果行数为零,继续判断直到大于零,停止计时器;启动imgLoad判断图片是不是全部加载完成,如果加载完成,再执行