Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member westy's Avatar
    Join Date
    Feb 2009
    Location
    Bath, UK
    Posts
    941
    Vote Rating
    66
    westy is just really nice westy is just really nice westy is just really nice westy is just really nice

      0  

    Default [CLOSED] Ext.grid.ChunkingFeature feature

    [CLOSED] Ext.grid.ChunkingFeature feature


    Am keen to try this as an alternative to using paging toolbars.

    Seems to explode though with scroller being undefined (scroller = grid.down('gridscroller[dock=right]')).

    Perhaps I'm missing an element on my grid?

    Thought I'd report anyhow.

  2. #2
    Ext JS Premium Member
    Join Date
    Nov 2009
    Posts
    2
    Vote Rating
    0
    geoffrey.ammons is on a distinguished road

      0  

    Default Also keen to try the chunking feature

    Also keen to try the chunking feature


    I've seen this same error. It looks to be the case that this scroller element is not created until after the scroller = grid.down('gridscroller[dock=right]') call is made.

    Looking forward to seeing this in action.
    Thanks
    Geoff

  3. #3
    Sencha Premium Member
    Join Date
    Aug 2007
    Location
    Pilsen, Czech Republic
    Posts
    40
    Vote Rating
    0
    dherbolt is an unknown quantity at this point

      0  

    Default


    Same error.

    Example:
    Code:
    Ext.onReady(function() {
        Ext.QuickTips.init();
    
        // sample static data for the store
        myData = [
            ['3m Co',                               71.72, 0.02,  0.03,  '9/1 12:00am'],
            ['Alcoa Inc',                           29.01, 0.42,  1.47,  '9/1 12:00am'],
            ['Altria Group Inc',                    83.81, 0.28,  0.34,  '9/1 12:00am'],
            ['American Express Company',            52.55, 0.01,  0.02,  '9/1 12:00am'],
    		['Microsoft Corporation',               25.84, 0.14,  0.54,  '9/1 12:00am'],
            ['Pfizer Inc',                          27.96, 0.4,   1.45,  '9/1 12:00am'],
            ['The Coca-Cola Company',               45.07, 0.26,  0.58,  '9/1 12:00am'],
            ['The Home Depot, Inc.',                34.64, 0.35,  1.02,  '9/1 12:00am'],
            ['The Procter & Gamble Company',        61.91, 0.01,  0.02,  '9/1 12:00am'],
            ['United Technologies Corporation',     63.26, 0.55,  0.88,  '9/1 12:00am'],
            ['Verizon Communications',              35.57, 0.39,  1.11,  '9/1 12:00am'],
            ['Wal-Mart Stores, Inc.',               45.45, 0.73,  1.63,  '9/1 12:00am']
        ];
    
        // create the data store
        store = new Ext.data.ArrayStore({
            fields: [
               {name: 'company'},
               {name: 'price',      type: 'float'},
               {name: 'change',     type: 'float'},
               {name: 'pctChange',  type: 'float'},
               {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
            ],
    		data: myData
        });
    
        // create the Grid
        grid = new Ext.grid.GridPanel({
            store: store,
    		items: [{
    			features: [{
    				ftype: 'chunking'
    			}],
    	        headers: [
    	            {
    	                text     : 'Company',
    	                flex     : 1,
    	                sortable : false,
    	                dataIndex: 'company'
    	            },
    	            {
    	                text     : 'Price',
    	                width    : 75,
    	                sortable : true,
    	                dataIndex: 'price'
    	            },
    	            {
    	                text     : 'Change',
    	                width    : 75,
    	                sortable : true,
    	                dataIndex: 'change'
    	            },
    	            {
    	                text     : '% Change',
    	                width    : 75,
    	                sortable : true,
    	                dataIndex: 'pctChange'
    	            },
    	            {
    	                text     : 'Last Updated',
    	                width    : 85,
    	                sortable : true,
    	                dataIndex: 'lastChange'
    	            }
    	        ]
    		}],
            height: 350,
            width: 600,
            title: 'Array Grid',
            renderTo: 'grid-example',
            viewConfig: {
                stripeRows: false
            }
        });
    });
    ExtJS version:
    ExtJS 4.0 pr3

  4. #4
    Sencha Premium Member
    Join Date
    Aug 2007
    Location
    Pilsen, Czech Republic
    Posts
    40
    Vote Rating
    0
    dherbolt is an unknown quantity at this point

      0  

    Default


    It is key feature for us. Can you give me information when it will be released (as beta) for testing. It still doesn't work in ExtJS 4 pr4.

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    873
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I'm not 100% sure what ChunkingFeature does but this override fixed the error that was popping up:

    Code:
    Ext.override(Ext.grid.ChunkingFeature, {
        attachEvents: function() {
            var grid = this.view.up('gridpanel'),
                scroller = grid.down('gridscroller[dock=right]');
            if (scroller === null ) {
                grid.on("afterlayout", this.attachEvents, this, { single : true });
                return false;
            }
            scroller.el.on('scroll', this.onBodyScroll, this, {buffer: 300});
        }
    });
    Now I see white spaces between some rows but no errors. The attachEvents method was being fired too early so I remember the problem with RowExpander that they just listened to the afterlayout event till it returned what they wanted.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  6. #6
    Ext JS Premium Member westy's Avatar
    Join Date
    Feb 2009
    Location
    Bath, UK
    Posts
    941
    Vote Rating
    66
    westy is just really nice westy is just really nice westy is just really nice westy is just really nice

      0  

    Default


    Excellent, thanks Mitchell.

    Not got enough data to play with yet, but it doesn't explode, which is good.

  7. #7
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    873
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by westy View Post
    Excellent, thanks Mitchell.

    Not got enough data to play with yet, but it doesn't explode, which is good.
    Like I said, I'm not sure if it works 100% as I don't really know what it does and am moving on to other things so I don't have time to mess with it right now
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  8. #8
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    18
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    This feature is under heavy development and should be part on a forthcoming release with a complete 'infinite' grid example.

  9. #9
    Ext JS Premium Member Joyfulbob's Avatar
    Join Date
    Feb 2008
    Posts
    176
    Vote Rating
    1
    Joyfulbob is on a distinguished road

      1  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    I'm not 100% sure what ChunkingFeature does...
    I wish I knew too! The API doc says nothing.

  10. #10
    Sencha User
    Join Date
    Dec 2011
    Posts
    16
    Vote Rating
    0
    PrashanthShetty is on a distinguished road

      0  

    Default Infinite Grid Blank Rows

    Infinite Grid Blank Rows


    Hi,

    We are using the EXTJS 4.1 Infinite Grid, We are facing the below issues.

    Assume the Total Records in Grid is 150.Store Guaranteed Range is 0-99.
    1.At the end of Store say after 140-150 row in Grid, If you add some new bulk rows(say more than 10) to store dynamically & when you scroll up, u will see blank rows.

    Normal Infinite Grid with More than 1000 records
    2.And If we do remote sort on any column Grid will show Empty Rows after guaranteed range(say 99 records), Once You scroll down completely if you scroll up, it will fill up that empty records(This issue can be reproduced even in infinite grid example also.)

    This is a pathetic behaviour as the Grid looks very ugly with empty rows, is there any fix for the same.

    3.One More Issue is, Specifically in IE Browser, we noticle major performance issue while performing store.removeAt(recIndex) for bulk records specially more than 10 records.(This is a generalised Grid issue, Not specific to infinite grid.)

    Thanks,
    Prashanth
    Last edited by PrashanthShetty; 13 Jan 2012 at 12:16 PM. Reason: Added Store Bulk Rows Removal Issue
    Thanks,
    Prashanth

Similar Threads

  1. Replies: 2
    Last Post: 21 Mar 2011, 8:38 AM
  2. Replies: 2
    Last Post: 22 Aug 2010, 9:45 PM
  3. [CLOSED][3.1.1] Feature Inconsistency - TabPanel title
    By carl23934 in forum Ext 3.x: Bugs
    Replies: 2
    Last Post: 18 Mar 2010, 9:30 AM
  4. [CLOSED] [2.0]feature FormBinding
    By Webflash in forum Ext GWT: Bugs (2.x)
    Replies: 1
    Last Post: 8 May 2009, 8:39 AM
  5. [2.0a1][CLOSED] cannot deselect grid row, feature ?
    By belgattitude in forum Ext 2.x: Bugs
    Replies: 1
    Last Post: 4 Oct 2007, 5:35 AM

Thread Participants: 6