1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    1
    Vote Rating
    0
    loxodon is on a distinguished road

      0  

    Default Unanswered: Grid with grouped header - browser hangs

    Unanswered: Grid with grouped header - browser hangs


    Hello,
    I have a grid with 20 columns which uses a store with data from php backend. Everything is fine when i display it with all separate columns. But when i group several columns into grouped headers (lets say 12 separate columns and 4 double-column groups), the browser waits few seconds and then hangs. Tried in firefox 8 and opera 11 and it happens everytime. Is there something i could use to fix it?
    Here is some code from Ext Designer with this grid:
    PHP Code:
    Ext.applyIf(me, {
                
    viewConfig: {

                },
                
    columns: [
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data1',
                        
    text'DATA1'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data2',
                        
    text'DATA2'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data3',
                        
    text'DATA3'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data4',
                        
    text'DATA4'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    text'GROUP1',
                        
    columns: [
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data5',
                                
    text'%'
                            
    },
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data6',
                                
    text'VAL'
                            
    }
                        ]
                    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data7',
                        
    text'DATA7'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data8',
                        
    text'DATA8'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data9',
                        
    text'DATA9'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    text'GROUP2',
                        
    columns: [
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data10',
                                
    text'%'
                            
    },
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data11',
                                
    text'VAL'
                            
    }
                        ]
                    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data12',
                        
    text'data12'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data13',
                        
    text'DATA13'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data14',
                        
    text'DATA14'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    text'GROUP3',
                        
    columns: [
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data15',
                                
    text'%'
                            
    },
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data16',
                                
    text'VAL'
                            
    }
                        ]
                    },
                    {
                        
    xtype'gridcolumn',
                        
    text'GROUP4',
                        
    columns: [
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data17',
                                
    text'%'
                            
    },
                            {
                                
    xtype'gridcolumn',
                                
    dataIndex'data18',
                                
    text'VAL'
                            
    }
                        ]
                    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data19',
                        
    text'DATA19'
                    
    },
                    {
                        
    xtype'gridcolumn',
                        
    dataIndex'data20',
                        
    text'DATA20'
                    
    }
                ], 

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,532
    Vote Rating
    871
    Answers
    3564
    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


    Can I get a sample response so I can try against 4.0.7 and 4.1.0 beta 1?
    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.

Thread Participants: 1