Jquery EasyUI dataGrid加载图片时，序号出现错行的解决办法

最新推荐文章于 2024-07-29 00:30:56 发布

原创

最新推荐文章于 2024-07-29 00:30:56 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #easyui #datagrid

EasyUI dataGrid在加载网络图片时会出现这种情况：
出现问题的图片，由于机密问题标题不能展示
是不是特别happy？
经过一天的度娘后，发现网上还是有很多解决办法的；例如：

//这个应该是最好用的，也是网上回答最多的
onLoadSuccess : function(){
   
   
    $('#dataGridPic').datagrid('fixRowHeight');                
}

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