Archive

Posts Tagged ‘grid scroll’

Problem with scrolling in ExtJS 4.0.7 Grid object

February 13th, 2013 No comments

Version 4 instead of scrolling which creates browser uses his scroll. It often happens that in its content “freeze”. Version 4.1 is returned to the natural scroll. For those who still use some of the 4.0.x version here’s the solution:

Ext.define('Ext.ux.grid.Panel', {
  extend: 'Ext.grid.Panel',
 
  initComponent: function()
  {
    var me = this;
    me.callParent(arguments);
    me.on('scrollershow', function(scroller)
    {
      if (scroller && scroller.scrollEl) {
        scroller.clearManagedListeners();
        scroller.mon(scroller.scrollEl,'scroll',scroller.onElScroll,scroller);
      }
    });
  },
 
  onViewRefresh: function()
  {
    var me = this;
    try { me.callParent(); }
    catch (e) {};
  }
});

This code is set at the top of the page, or save as a separate file and load. In your code instead of calling the object

Ext.create('Ext.grid.Panel', { ...

do this:

Ext.create('Ext.ux.grid.Panel', { ...
Categories: JavaScript Tags: ,