Ext


Go Back   Ext JS Forums > Ext JS Premium Forums > Ext: Premium Help

Reply
 
Thread Tools
  #1  
Old 11-06-2009, 03:37 PM
aomadevelopers aomadevelopers is offline
Ext JS Premium Member
 
Join Date: Aug 2008
Posts: 150
aomadevelopers is on a distinguished road
Default Paging Toolbar not visible

Hi,

We have Grid with paging tool bar in the footer. Height of the grid changes based on the pageSize(i.e 20 in our case).
Without decreasing the pageSize, Is there a way to set the height of the grid, so that user can use a scroll bar to view the complete results.
Looking for any attribute or any option available on grid to set height?

Sample Code:
this.gridPagingToolbar = new Ext.PagingToolbar({
pageSize: 20,
store: this.store,
displayInfo: true,
displayMsg: 'Displaying {0} - {1} of {2}',
emptyMsg: "No search to display"
});

AOMA.SearchAllGrid.superclass.constructor.call(this, {
style: 'padding:0px 0px 5px 0px;',
autoHeight: true,

loadMask: {
msg: 'Loading search data...'
},
sm: new Ext.grid.RowSelectionModel({
singleSelect: true
}),
viewConfig: {
forceFit: true,
emptyText: 'No search data found matching with the criteria.'
},
bbar: this.gridPagingToolbar,
});


Please suggest!


Thanks,
Brajesh
Reply With Quote
  #2  
Old 11-07-2009, 01:11 AM
Condor's Avatar
Condor Condor is offline
Ext JS - Community Support Team
 
Join Date: Mar 2007
Location: The Netherlands
Posts: 14,250
Condor is on a distinguished road
Default

You should remove autoHeight:true and give the grid a fixed width and height.

You can do this by either:
1. Specifying a width and height.
2. Adding the grid to a container with a layout that manages the width and height.
3. Rendering to an element with a set height and using the FitToParent plugin.
__________________
Condor
Reply With Quote
Reply

Thread Tools

Posting Rules

Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

All times are GMT -5. The time now is 02:23 AM.

© 2006-2009 Ext, LLC
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.