easyui datagrid 加载大量数据时,页面渲染速度慢的解决方式

发布时间:2019-03-14作者:laosun阅读(815)

easyui

    在使用 easyui datagrid 页面数据加载多的情况下, 效率真的不是一般的差。经过从网上一番查找资料,解决方式都是一样的。datagrid表格渲染会通过计算表格元素宽度,取出最宽的表格,对列宽负值。我灵机一动我们渲染的表格列数达到了30列,官方的示例都在10列左右,难道是要设置固定列宽(width),来降低表格计算宽度消耗的时间。

    既然确定了问题,那么就修改下源码即可。

    打开jquery.easyui.js,搜索 Math.max(tr1.height() 确定到位置。如下所示:

    for (var i = 0; i < trs2.length; i++) {
        //var tr1 = $(trs1[i]);
        //var tr2 = $(trs2[i]);
        //tr1.css("height", "");
        //tr2.css("height", "");
        //var _43f = Math.max(tr1.height(), tr2.height());
        //tr1.css("height", _43f);
        //tr2.css("height", _43f);
    }

    屏蔽掉即可。速度立马提升几十倍。

    如果发现你的table表格高度出现了问题。

    那么可以使用

    .datagrid-row {
      height: 42px;
      text-align:center;
    }

    来进行统一设置。

0 +1

版权声明

 前端  源码

 请文明留言

0 条评论