日期:2014-05-16  浏览次数:20442 次

Extjs3.3.1扩展组件 BufferView

一、现状情况

? ? ?目前遇到一个这样的需求:大概有几千多条数据,用户不想用分页的形式展现即一次性全部展现在页面上,这就带来一个很严重的问题

? ? ?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

?

?

?

?

?