Results 1 to 2 of 2

Thread: Grid inside a Tab

  1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    43
    Answers
    3
    Vote Rating
    0
      0  

    Default Grid inside a Tab

    i have 2 Divs one nested in the other. i'm rendering my grid panel to the inner Div (orderSummaryGridDiv) and rendering my Tab panel to outer Div (tabPanel).
    but the panel comes below the grid.
    how can i get the grid panel inside the tab panel?

    var orderSummaryGrid = Ext.create('Ext.grid.Panel', {
    id:'orderSummaryGrid',
    enableHdMenu: false,
    renderTo: 'orderSummaryGridDiv',
    width: gridMaxwidth,
    height: 432,
    store: orderSummarStore,
    columns: orderSummaryColMod,
    stripeRows: true,
    columnLines: true,
    loadMask: false,
    enableColumnMove: false,
    frame :false,
    border: false,
    bbar: getPagingbar('pagingId', orderSummarStore, gridMaxwidth),
    viewConfig: {
    forceFit: false,
    enableTextSelection: true ,
    emptyText: '<center><b>No Results to Display</b></center>',
    deferEmptyText: false
    }
    });
    });




    Ext.create('Ext.tab.Panel', {
    renderTo: 'tabPanel',
    height: 100,
    width: 200,
    items: [orderSummaryGrid,{
    },{
    title: 'Tab Two',
    html: 'The second tab',
    }]
    });

  2. #2
    Sencha User
    Join Date
    Jul 2010
    Posts
    43
    Answers
    3
    Vote Rating
    0
      0  

    Default

    this is working for me. Please let me know if you see any problems.


    Ext.create('Ext.tab.Panel', {
    renderTo: 'tabPanel',
    layout : {
    type: 'vbox',
    align: 'fit'
    },

    items: [
    {
    items : orderSummaryGrid,
    title: 'Order Summary',
    border : false,
    layout : 'fit',
    header : false
    },
    {
    items : orderSourceGrid,
    title: 'Source Orders in Queue',
    border : false,
    layout : 'fit',
    header : false
    }
    ]
    });

Similar Threads

  1. grid inside tabpanel inside form iinside window doesn't appear
    By senacle in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 5 Jun 2011, 7:33 AM
  2. Resizing grid inside column inside panel
    By silve69 in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 9 Sep 2009, 11:13 AM
  3. [solved] Grid inside Tabs inside Panel ... grid wont render
    By amegahed in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 4 Jul 2009, 6:43 AM
  4. grid doesn't size correctly inside tabpanel inside panel
    By pflammer in forum Ext 2.x: Help & Discussion
    Replies: 15
    Last Post: 5 Jan 2009, 12:00 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •