problem with grid rendering and scrollbar

[narenbimal]

got a problem with grid.

When I add tbar and bbar to grid, then vertical scrollbar is going below the page. It is because viewport is not recalculated after I add tbar and bbar, so viewport of the grid is well below the bbar.



How to adjust the grid viewport even after I add tbar and bbar?

Thanks in advance for helping.

[jay@moduscreate.com]

So you're adding tbar and bbar after the component is rendered?! why?

What type of layout are you using for the grid's parent container?

[narenbimal]

Hello Jesus,

Thanks for replying..

I am using this code to generate that grid.

   var grid = new Ext.grid.GridPanel({
	store: ds,
	layout:'anchor',
	loadMask: lm,
    height: 435,
	sm: new Ext.grid.RowSelectionModel({
                singleSelect: false
            }),
	plugins: [editor 
			  ],
	
	cm: new Ext.grid.DynamicColumnModel(ds),
	
    viewConfig: {
            forceFit: true
			
        },
		
	sortInfo:false,
	sortable:false,
	frame: true,
	columnLines: true,
	stripeRows: true,
	title: 'Release Dashboard',
	collapsible: true,
	
	tbar: [{
        text: 'Add',
        iconCls: 'icon-user-add',
        handler: onAdd,
		hidden: eval(tbarAdd)
	  	},
			{xtype: 'tbfill'},
			{
            text: 'CSR Reports',
            iconCls: 'icon-user-add',
            handler: csrReport
			
		   }],
	bbar: new Ext.PagingToolbar({
		pageSize: 50,
		store: ds,
		displayInfo: true,
		displayMsg: 'Displaying Release {0} - {1} of {2}',
		emptyMsg: 'No Releases to display'		
	})
});

What changes should I make to effect the changes.