查看: 10273|回复: 18

DataGrid的动态添加列和行数据一多就卡死怎么解决 [复制链接]

461501585

新手上路

Rank: 1

电梯直达

楼主

发表于 2013-7-9 11:22:20 |只看该作者 |倒序浏览

DataGrid的动态添加列和行数据一多就卡死怎么解决？

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-7-9 11:25:25 |只看该作者

具体多少列多少行？
http://www.miniui.com/BigTest/300-datagrid.html
这个是实打实的300行数据，如果数据过多，请用分页，或者虚拟滚动

http://www.miniui.com/BigTest/10000-datagrid.html

461501585

新手上路

Rank: 1

板凳

发表于 2013-7-9 14:18:18 |只看该作者

factory 发表于 2013-7-9 11:25
具体多少列多少行？
http://www.miniui.com/BigTest/300-datagrid.html
这个是实打实的300行数据，如果数据 ...

你好：我的是动态添加的行和列十几万条数据，数据是通过javascript循环添加的，无法实行分页的，虚拟滚动好像也不行哦！怎么办啊

factory

超级版主

Rank: 8 Rank: 8

地板

发表于 2013-7-9 14:21:19 |只看该作者

461501585 发表于 2013-7-9 14:18
你好：我的是动态添加的行和列十几万条数据，数据是通过javascript循环添加的，无法实行分页的，虚拟滚动 ...

几十万条数据，实打实的创建的话，你放到任何的JS控件中，肯定都是很卡甚至卡死的。

你参考这个demo，用虚拟滚动来做试试

461501585

新手上路

Rank: 1

5^#

发表于 2013-7-9 15:09:24 |只看该作者

factory 发表于 2013-7-9 14:21
几十万条数据，实打实的创建的话，你放到任何的JS控件中，肯定都是很卡甚至卡死的。

你参考这个demo，用 ...

你好：我试了下虚拟滚动的！可是没有加载数据的了，到50条后滚动就是空白的了？怎么回事啊？我的代码是这么写的！有问题吗？帮忙看下不！

--------------------------------------------------------------------------------
   function fillData(){
var i=0;
      var datas = [];
      <#if search == '2'  >
        mini.alert("您所查询的数量太多，请补充查询条件！");
<#elseif (stockbranch?? && stockbranch?size>0) >
//插入明细
<#list itemname as iname>
var data =
            {
            "UID": i,
            "

arentTaskUID": -1,
            itemNo:'${(iname.itemNo)!}',
            costAmt:'${(iname.costAmt)!}',
            avgCost:'${(iname.avgCost)!}',
            stockQty:'${(iname.stockQty)!}',
            <#list branchname as branch>
            'a_${branch}'

{stockbranch[branch+"_"+iname.itemNo]!0},
            </#list>
            itemNo:'${(iname.itemNo)!}'
           };
            datas.push(data);
            i++;
</#list>
   var grid = mini.get("IM_BRANCH_STOCK_SUM");
      grid.setData(datas);
<#elseif search == '1'>
   mini.alert("未查到数据！");
</#if>
}
mini.parse();
fillData();