jQuery MiniUI

标题: grid 多选单元格加载性能问题 [打印本页]

作者: nuangnian    时间: 2016-2-29 10:46:59     标题: grid 多选单元格加载性能问题

当allowCellWrap="true"  multiSelect="true" 并且有单元格换行时
第一列的序号和第二列的单元格会有合并样式过慢问题。如图:
[attach]7163[/attach][attach]7164[/attach]
甚至在google浏览器也会有,当视图数据量更大,换行高度越多,则更加明显。
ie8 延迟5秒 ie9 3秒 google0.8秒

作者: nuangnian    时间: 2016-2-29 11:32:30

对了 记得加上这两个frozenStartColumn            frozenEndColumn 把那两列锁定
作者: dforce    时间: 2016-2-29 14:10:09

nuangnian 发表于 2016-2-29 11:32
对了 记得加上这两个frozenStartColumn            frozenEndColumn 把那两列锁定

大数据下请加上虚拟滚动
作者: nuangnian    时间: 2016-3-1 10:24:10

dforce 发表于 2016-2-29 14:10
大数据下请加上虚拟滚动

十条都会,列锁定模式下
作者: felt    时间: 2016-3-1 10:47:00

nuangnian 发表于 2016-3-1 10:24
十条都会,列锁定模式下

请提供html页面重现
作者: nuangnian    时间: 2016-3-1 14:23:59

felt 发表于 2016-3-1 10:47
请提供html页面重现

[attach]7169[/attach]

虚拟滚动下 单元格换行特性将失效

经测试 在ie9 360 谷歌都有问题。又列锁定属性引起

作者: felt    时间: 2016-3-1 14:38:26

nuangnian 发表于 2016-3-1 14:23
虚拟滚动下 单元格换行特性将失效

经测试 在ie9 360 谷歌都有问题。又列锁定属性引起

1 虚拟滚动下是固定行高,不支持换行
2 数据较多的情况下,全选就是这样的效果,只能加虚拟滚动提供性能,同时也就无法支持折行
作者: nuangnian    时间: 2016-3-1 15:58:09

felt 发表于 2016-3-1 14:38
1 虚拟滚动下是固定行高,不支持换行
2 数据较多的情况下,全选就是这样的效果,只能加虚拟滚动提供性能 ...

但只要去除列锁定。无论多少数据 都不会出现这种效果

可能列锁定的时候额外添加过于复杂的js运算
作者: felt    时间: 2016-3-1 16:18:35

nuangnian 发表于 2016-3-1 15:58
但只要去除列锁定。无论多少数据 都不会出现这种效果

可能列锁定的时候额外添加过于复杂的js运算 ...

没锁定数据多没虚拟滚动也有慢的
多了锁定,结构上多了东西,处理的东西也多了,自然会有一点开销了

作者: nuangnian    时间: 2016-3-1 16:27:52

felt 发表于 2016-3-1 16:18
没锁定数据多没虚拟滚动也有慢的
多了锁定,结构上多了东西,处理的东西也多了,自然会有一点开销了
...

两者好像效果不一样。
没加列锁定,单元格和数据是同时展示完全后出来的。
加了列锁定,是数据出来后,会看到单元格和序号合并的效果。
如果数据量多点100条左右,在ie8下,数据1秒先出来了。合并单元格话花个3秒左右。
作者: felt    时间: 2016-3-1 16:45:48

nuangnian 发表于 2016-3-1 16:27
两者好像效果不一样。
没加列锁定,单元格和数据是同时展示完全后出来的。
加了列锁定,是数据出来后,会 ...

任何功能都是有开销的
数据量大的情况下,我们还是建议开始虚拟滚动,去掉合并,锁定




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2