日期:2014-05-16 浏览次数:20442 次
一、现状情况
? ? ?目前遇到一个这样的需求:大概有几千多条数据,用户不想用分页的形式展现即一次性全部展现在页面上,这就带来一个很严重的问题
? ? ?1、渲染效率跟不上
? ? ? ? ? IE6浏览器在渲染这些数据数据的时候(Loading...)会卡在哪里好几秒钟用户体验很不友好。
? ? ?2、在本来性能不太好的Ext上再这么折腾,性能更难以接受!
?
几千条数据(姑且称之大数据)、IE6
?
针对上面第一种情况很容易想到 BufferView,经过实验验证渲染使用的时间还可以接受。
?
?
二、BufferView
? ? ?用来专门解决grid大数据量问题,分批加载并展现数据。
? ? ?BufferView的性能也是不如人意,时间紧先就这么凑合着解决下问题。
?
? ? 使用实例
? ? <script type="text/javascript" src="${contextPath}/js/ext3.3.1/ux/BufferView.js"></script>
? ?? view: new Ext.ux.grid.BufferView({
//rowHeight: 26, scrollDelay: false, forceFit: false, deferEmptyText: true, emptyText: "无相关数据" })?
?
? ?注意:如果和ColumnHeaderGroup.js在同一个页面使用,会使表格的表头列宽变形,解决方法是forceFit: false
?
?
?
?
?