datagrid加载慢

Aisin丿Gioro

datagrid 单条记录字段达到80个了, 每个页面只有10条记录，加载速度很慢。有解决办法么？

felt

有80列？最新版本有虚拟列功能，你加一下看看
virtualColumns="true"
如果还是有问题，请提供页面来分析处理。

Aisin丿Gioro

felt 发表于 2017-12-19 12:44
有80列？最新版本有虚拟列功能，你加一下看看
virtualColumns="true"
如果还是有问题，请提供页面来分析处 ...

用你上面的那个方法不可行，数据量太大，有时候就把浏览器卡崩了

1. <div class="mini-fit" borderStyle="border:1px solid #d1d1d1;">
   
2.             <div class="mini-datagrid" borderStyle="border:0;" id="datagrid1" showVGridLines="true" allowAlternating="true" showLoading="true" style="width:100%;height:100%;"  idField="id" resultAsTree="false" allowResize="false" pageSize="10"
   
3.                 <shiro:hasPermission name="org:praclawyer:handle:view or law:super:manager">
   
4.                     onrowdblclick="view()"
   
5.                 </shiro:hasPermission>
   
6.                  url="${pageContext.request.contextPath}/org/prac_lawyer/prac_lawyer_list.action" multiSelect="true">
   
7.                 <div property="columns">
   
8.                     <div type="checkcolumn"></div>
   
9.                     <div type="indexcolumn" headerAlign="center" width="40" align="center">序号</div>
   
10.                     <div field="name" width="80" headerAlign="left" align="left" allowSort="true">姓名</div>
    
11.                     <div field="ctgyGender" width="50" headerAlign="left" align="left" allowSort="false" renderer="gender">性别</div>
    
12.                     <div field="workUnit.name" width="200" headerAlign="left" align="left" allowSort="false">实习机构</div>
    
13.                     <div field="pracType" width="100" headerAlign="left" align="left" allowSort="false" renderer="renPracType">实习类别</div>
    
14.                     <div field="rTutorId" width="80" headerAlign="left" align="left" allowSort="true">指导律师</div>
    
15.                     <div field="pracCertNo" width="100" headerAlign="left" align="left" allowSort="true">实习证号</div>
    
16.                     <div field="ctgyPracStatus" width="200" headerAlign="left" align="left" allowSort="false" renderer="pracStatus">实习状态</div>
    
17.                     <div field="mesForm" width="80" headerAlign="center" align="center" allowSort="false" renderer="reMesFrom">信息来源</div>
    
18.                     <shiro:hasPermission name="org:praclawyer:handle:edit or org:praclawyer:handle:view or law:super:manager">
    
19.                         <div type="setting" width="100" headerAlign="left" align="left" renderer="reSetting">操作</div>
    
20.                     </shiro:hasPermission>
    
21.                 </div>
    
22.             </div>
    
23.         </div>

复制代码

dforce

Aisin丿Gioro 发表于 2017-12-20 09:31
用你上面的那个方法不可行，数据量太大，有时候就把浏览器卡崩了

10条数据就有9.1M?
另外这个浏览器的计时是你数据加载的时间，你加载9.1M的数据花了27.64s，是不是你后台的sql语句需要优化了。
另外界面上请加上虚拟滚动 virtualColumns="true" virtualScroll="true"，这对于大数据量的绘制有大幅优化。