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