PDA

View Full Version : Grid occupies full layout


sridhar.boganathan
4 Apr 2012, 12:36 AM
Hi All,

I have a grid with tbar. The no.of records per page for my grid will be 100 or more than 100.

Here my question is, There will be no scroll bars displayed and when I select a record from the grid, the tbar will be hidden and there will be no scroll bars for the grid also.

I have tested with IE8, Firefox 11, Chrome 18. Same error is for all browsers.

I am concerned that the above may be defect with ExtJS or may be I am doing wrong.

Please let me know.

Sridhar
scottmartin
4 Apr 2012, 5:02 AM
I am not sure I understand ...
Do the scrollbar and tbar disappear or not show up at all?

What version of Ext are you using? 4.07 or RC2?
You may have to show some code.
Does the following example work for you?
http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/grid/paging.html

Regards,
Scott.
sridhar.boganathan
4 Apr 2012, 5:39 AM
I am not sure I understand ...
Do the scrollbar and tbar disappear or not show up at all?

What version of Ext are you using? 4.07 or RC2?
You may have to show some code.
Does the following example work for you?
http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/grid/paging.html

Regards,
Scott.

Thanks Scott, The scrollbars and tbars will be disappeared. First of all, the grid column will be loaded with columns alone. I will call a webservice to load the data. After loading of data, scroll bars will be disappeared. After selecting of record in grid, tbar also will be disappeared. I am using Ext JS 4.0.7

-Sridhar.
scottmartin
4 Apr 2012, 5:45 AM
Do you have the grid nested inside other panels? The grid is a panel itself.

Scott.
sridhar.boganathan
4 Apr 2012, 9:11 PM
Do you have the grid nested inside other panels? The grid is a panel itself.

Scott.

I have panel with my grid. The grid contains tbar.

-Sridhar
gnube
4 Apr 2012, 10:40 PM
Possibly your layout or viewConfig setup on your grid panel? I suggest you take a look at the docs for panel configs viewConfig: and layout: - something like this may help.

viewConfig: {
forceFit: true, // this makes the scrollbar work properly when the browser window is resized
emptyText: "  No records found.",
deferEmptyText: false
},

layout: { type: 'fit'}

You could provide your code for people to look at. This is a community forum so providing as much information as you can will increase your chances of getting a helpful reply.
sridhar.boganathan
8 Apr 2012, 11:33 PM
In my code, I did dynamic loading of data. The data in my code in here is a sample data.


//separate class
Ext.define('poc.view.grid.Student',{
extend: 'Ext.grid.Panel',
alias : 'widget.studentgrid',
store: new Ext.data.Store({
fields: [
{name: 'studid', mapping: 'studid'},
{name: 'studname', mapping: 'studname'},
{name: 'classs', mapping: 'classs'},
{name: 'highscore', mapping: 'highscore'},
{name: 'highsub', mapping: 'highsub'},
{name: 'lowscore', mapping: 'lowscore'},
{name: 'lowsub', mapping: 'lowsub'}
],
data: {'items': [
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'},
{'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'}
]},
autoLoad: true,
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
}),
columns: [
{ header: 'ID', dataIndex: 'studid' },
{ header: 'Student Name', dataIndex: 'studname'},
{ header: 'Class', dataIndex: 'classs' },
{ header: 'High Score', dataIndex: 'highscore'},
{ header: 'High Subject', dataIndex: 'highsub'},
{ header: 'Low Score', dataIndex: 'lowscore'},
{ header: 'Low Subject', dataIndex: 'lowsub'}
]
});

//separate class
Ext.define('poc.view.students.StudentBrowser' ,{
extend: 'Ext.panel.Panel',
alias : 'widget.studbrowser',
requires: [
'poc.view.grid.Student'
],
items:[
{
xtype: 'toolbar',
items: [
{ xtype: 'button', text: 'New'},
{ xtype: 'button', text: 'Open'},
{ xtype: 'button', text: 'Delete'}
]
},
{
xtype: 'studentgrid'
}
],
init: function(){
console.log("Init of Student Browser");
}
});

I hope this is enough to find what I am doing wrong. I just copied the above code and tested. It gives me same behaviour.
-Sridhar
gnube
9 Apr 2012, 2:13 AM
Did you try viewConfig?


//separate class
Ext.define('poc.view.grid.Student',{
extend: 'Ext.grid.Panel',
alias : 'widget.studentgrid',

viewConfig: {
forceFit: true, // this makes the scrollbar work properly when the browser window is resized
emptyText: "  No records found.",
deferEmptyText: false
},

store: new Ext.data.Store({
fields: [
{name: 'studid', mapping: 'studid'},
{name: 'studname', mapping: 'studname'},
uday_sencha
9 Apr 2012, 3:24 AM
Try below code if this works for you
I feel you need to set height at some point or the height should be inherited from above container.


//separate class
Ext.define('StudentBrowser' ,{
extend: 'Ext.panel.Panel',
alias : 'widget.studbrowser',
requires: [
'Student'
],
layout:'fit',
items:[
{
xtype: 'studentgrid',
dockedItems: [{
xtype: 'toolbar',
dock:'top',
items: [
{ xtype: 'button', text: 'New'},
{ xtype: 'button', text: 'Open'},
{ xtype: 'button', text: 'Delete'}
]
}]
}
],
init: function(){

}
});

//separate class
Ext.define('Student',{
extend: 'Ext.grid.Panel',
alias : 'widget.studentgrid',
forceFit: true,
autoScroll:true,
height:600,
store: new Ext.data.Store({
fields: [
{name: 'studid', mapping: 'studid'},
{name: 'studname', mapping: 'studname'},
{name: 'classs', mapping: 'classs'},
{name: 'highscore', mapping: 'highscore'},
{name: 'highsub', mapping: 'highsub'},
{name: 'lowscore', mapping: 'lowscore'},
{name: 'lowsub', mapping: 'lowsub'}
],
data: {'items': [ {'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'}
]},
autoLoad: true,
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
}),
columns: [
{ header: 'ID', dataIndex: 'studid' },
{ header: 'Student Name', dataIndex: 'studname'},
{ header: 'Class', dataIndex: 'classs' },
{ header: 'High Score', dataIndex: 'highscore'},
{ header: 'High Subject', dataIndex: 'highsub'},
{ header: 'Low Score', dataIndex: 'lowscore'},
{ header: 'Low Subject', dataIndex: 'lowsub'}
],
viewConfig: {

}
});
sridhar.boganathan
9 Apr 2012, 3:45 AM
Did you try viewConfig?


//separate class
Ext.define('poc.view.grid.Student',{
extend: 'Ext.grid.Panel',
alias : 'widget.studentgrid',

viewConfig: {
forceFit: true, // this makes the scrollbar work properly when the browser window is resized
emptyText: "  No records found.",
deferEmptyText: false
},

store: new Ext.data.Store({
fields: [
{name: 'studid', mapping: 'studid'},
{name: 'studname', mapping: 'studname'},


Have tried with this option. It gives me same output.

-Sridhar
sridhar.boganathan
9 Apr 2012, 3:47 AM
Try below code if this works for you
I feel you need to set height at some point or the height should be inherited from above container.


//separate class
Ext.define('StudentBrowser' ,{
extend: 'Ext.panel.Panel',
alias : 'widget.studbrowser',
requires: [
'Student'
],
layout:'fit',
items:[
{
xtype: 'studentgrid',
dockedItems: [{
xtype: 'toolbar',
dock:'top',
items: [
{ xtype: 'button', text: 'New'},
{ xtype: 'button', text: 'Open'},
{ xtype: 'button', text: 'Delete'}
]
}]
}
],
init: function(){

}
});

//separate class
Ext.define('Student',{
extend: 'Ext.grid.Panel',
alias : 'widget.studentgrid',
forceFit: true,
autoScroll:true,
height:600,
store: new Ext.data.Store({
fields: [
{name: 'studid', mapping: 'studid'},
{name: 'studname', mapping: 'studname'},
{name: 'classs', mapping: 'classs'},
{name: 'highscore', mapping: 'highscore'},
{name: 'highsub', mapping: 'highsub'},
{name: 'lowscore', mapping: 'lowscore'},
{name: 'lowsub', mapping: 'lowsub'}
],
data: {'items': [ {'studid': '212143434', 'studname': 'XXXX', 'classs': 'ABCDF', 'highscore': '99', 'highsub': 'MATHS', 'lowscore': '45', 'lowsub': 'Science'}
]},
autoLoad: true,
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
}),
columns: [
{ header: 'ID', dataIndex: 'studid' },
{ header: 'Student Name', dataIndex: 'studname'},
{ header: 'Class', dataIndex: 'classs' },
{ header: 'High Score', dataIndex: 'highscore'},
{ header: 'High Subject', dataIndex: 'highsub'},
{ header: 'Low Score', dataIndex: 'lowscore'},
{ header: 'Low Subject', dataIndex: 'lowsub'}
],
viewConfig: {

}
});





Thanks for the info, It is working in Google Chrome. In IE, it gives me the same behavior which I meant above.

I am using IE8

-Sridhar
sridhar.boganathan
9 Apr 2012, 4:22 AM
Thanks all, it is wokring fine if I mention height of the grid.But, it should occupy the remaining spaces of toolbar automatically. There should not be empty spaces unnecessarily.

If I use 'height' config, there will be empty spaces in the panel.

-Sridhar
gnube
9 Apr 2012, 4:18 PM
The following basic idea may help.

If you have not properly defined the space in which you are putting the grid then it can have problems knowing how to draw.

The grid uses the height config (and other rendering details) and applies that within the space you have told it it use.

if you use layouts to setup the area you are putting your grid into. The grid will have the best chance to draw itself because the layout will have worked out the height, width etc of the area it is being dropped into.

Grids do not require you to specify a height when you properly setup your page layouts to deal with the height calculation.

From time to time, if layouts appear not to do what I expect, I will put an 'empty' panel into my page build as a container for the part I think is drawing badly - this works for me.
sridhar.boganathan
2 May 2012, 2:00 AM
Hi All,

This issue has been raised again in Ext JS 4.1.0.

Please help to find out.

-Sridhar
scottmartin
2 May 2012, 5:20 AM
Several comments based on your code in post #11:

Remove
-forceFit (old method, not very good)
-autoScroll (grid handles scrolling itself, not used)

Change: (use flex to grow columns)


{ header: 'ID', dataIndex: 'studid', width: 100 }, // or you can flex as well
{ header: 'Student Name', dataIndex: 'studname', flex: 2 }, // longer fields, larger number
{ header: 'Class', dataIndex: 'classs', flex: 1 },
{ header: 'High Score', dataIndex: 'highscore', flex: 1 },
{ header: 'High Subject', dataIndex: 'highsub', flex: 1 },
{ header: 'Low Score', dataIndex: 'lowscore', flex: 1 },
{ header: 'Low Subject', dataIndex: 'lowsub', flex: 1 }


Scott.