1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    162
    Vote Rating
    1
    Dmoney is on a distinguished road

      0  

    Default Grid not displaying properly

    Grid not displaying properly


    The grid is not displaying properly for me the column headers float above the rest of the grid. If I change the window size after the grid has rendered it fixes itself. See screenShot

    Code:
       
        Ext.regModel('User', {
            fields: [{
                name: 'name',
                type: 'string'
            },
            {
                name: 'title',
                type: 'string'
            },
            {
                name: 'date',
                type: 'date',
                dateFormat: 'n/j h:ia'
            },
            {
                name: 'bio',
                type: 'string'
            }]
        });
    
    
        var store = new Ext.data.Store({
            storeId: 'staff',
            model: 'User',
    
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: './php/jsonStaff.php',
                reader: {
                    type: 'json',
                    model: 'User',
                    root: 'staffDatabase',
                    totalProperty: 'totalRecords'
                }
            }
        });
    
    
        store.load({
            params: {
                start: 0,
                limit: 35
            }
        });
    
        // create the Grid
        var grid = new Ext.grid.GridPanel({
            store: store,
            columnLines: true,
            headers: [{
                text: 'Name',
                flex: 1,
                sortable: false,
                dataIndex: 'name'
            },
            {
                text: 'Title',
                width: 120,
                sortable: true,
                dataIndex: 'title'
            },
            {
                text: 'Last Updated',
                width: 85,
                sortable: true,
                renderer: Ext.util.Format.dateRenderer('m/d/Y'),
                dataIndex: 'date'
            }],
    
            height: 310,
            split: true,
            region: 'north',
    
            //   title: 'Array Grid',
            viewConfig: {
                stripeRows: true,
                forceFit: true
            }
        });

  2. #2
    Sencha User
    Join Date
    May 2010
    Posts
    162
    Vote Rating
    1
    Dmoney is on a distinguished road

      0  

    Default


    Changing the height of the gridPanel to 50% instead of a fixed height fixes the problem. Also if I use an array store the above works, but when the data comes from the server and the north panel has a fixed height it displays like shown above.

  3. #3
    Sencha User
    Join Date
    May 2010
    Posts
    162
    Vote Rating
    1
    Dmoney is on a distinguished road

      0  

    Default


    This is now fixed in Beta 2!

Similar Threads

  1. Window not displaying HTML properly
    By waderironman in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 3 Jul 2012, 1:33 PM
  2. Gridfilter not displaying properly on ie
    By cutout33 in forum Ext GWT: Discussion
    Replies: 3
    Last Post: 7 Oct 2010, 1:34 AM
  3. IE6 store items not displaying properly
    By calebos in forum Ext 3.x: Help & Discussion
    Replies: 12
    Last Post: 28 Dec 2009, 5:01 AM
  4. Panels within Tab Panel not displaying properly
    By nmaves in forum Ext 2.x: Help & Discussion
    Replies: 11
    Last Post: 8 Apr 2008, 1:46 AM

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar