1. #1
    Sencha User
    Join Date
    Mar 2011
    Posts
    26
    Vote Rating
    3
    FanOfExt is on a distinguished road

      0  

    Default Why does grid exceed panel container size?

    Why does grid exceed panel container size?


    See attached image.

    I have a region defined as

    Code:
    {
                        //GRID AREA
                        region: 'center',
                        title: 'data section',
                        xtype: 'panel',
                        layout: 'border',
                        collapsible: true,
                        collapseDirection: 'top',
                        width: '100%',
                        items: [{
                            region: 'center',
                            xtype: 'container',
                            layout: 'fit',
                            width: '100%',
                            height: '100%',                
                            id: 'gridArea'
                        }]
                    },
    and i add a grid to the region as

    Code:
    var grid = new Ext.grid.GridPanel({
               id: 'mainGrid',
               padding: '2 2 2 2',
            renderTo: 'gridArea',
            store: teamStore,
               autoScroll: true,
               height: '100%',
            width: '100%',
               headers: [{
                   text: 'Id',
                   dataIndex: 'Id'
               },{
                   text: 'Name',
                   dataIndex: 'Name'
               }]
       });
    In the attached screenshot the before picture shows how the grid fits nicely in the panel container.

    When the left nav side is expanded the grid seems to expand beyond the panel container edge, instead of being re-sized. Even though the grid expands past the panel edge, no scroll bars appear at the bottom of the grid or panel.

    After the panel container size changes, how do I ensure the grid is also re-sized to fit within the new panel size?


    Thanks in advance
    Attached Images

Similar Threads

  1. How to get parent/container size?
    By thenullpointer in forum Ext GWT: Discussion
    Replies: 4
    Last Post: 2 Nov 2010, 2:47 PM
  2. Min/Max width according to the container size
    By mickA in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 2 Feb 2010, 3:02 AM
  3. Combo box to fit the container size
    By ruchika in forum Ext 3.x: Help & Discussion
    Replies: 5
    Last Post: 10 Dec 2009, 3:27 AM

Tags for this Thread

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