PDA

View Full Version : Missing ScrollBars GridPanel in tabFormPanel



appshare
25 Nov 2007, 10:02 AM
Please help, I spend the weekend trying different combinations for a grid in a tabPanel.

within the desktop I create a window


var win = desktop.getWindow('row-win2');
if(!win){
lvRowDataStore.load();
win = desktop.createWindow({
id: 'row-win',
title:'Zeilenstruktur',
width:500,
height:300,
iconCls: 'icon-row-win',
shim:false,
plain:true,
animCollapse:false,
constrainHeader:true,
layout: 'fit',
items: lvTabFormPanel
//items: lvGridPanel
});
}
win.show();

here the TabPanel


var lvTabFormPanel = new Ext.FormPanel({
labelWidth: 75,
border:false,
width: 350,
id: 'tabFormPanel',
items: {
xtype:'tabpanel',
activeTab: 0,
defaults:{autoHeight:true, bodyStyle:'padding:10px'},
items:[{
title:'Grunddaten',
layout:'form',
defaults: {width: 230},
defaultType: 'textfield',

items: [{
fieldLabel: 'Zeilenstruktur',
name: 'rowstru',
allowBlank:false
},{
fieldLabel: 'Bezeichnung',
name: 'descr'
},{
fieldLabel: 'Company',
name: 'company',
value: 'Ext JS'
}, {
fieldLabel: 'Email',
name: 'email',
vtype:'email'
}]
},{
title:'Zeilen',
items: lvGridPanel
}]
},

and last the gridPanel


var lvGridPanel = new Ext.grid.GridPanel({
border:false,
ds: lvRowDataStore,
cm: lvColumnModel,
autoScroll:true,
hideOnLayout:false,
viewConfig: {
forceFit:true
},

tbar:[{
text:'Neue Zeile',
tooltip:'Eine Zeile hinzu',
iconCls:'add'
},'-',{
text:'Zeile lschen',
tooltip:'Die selektierte Zeile wird ',
iconCls:'remove'
}]
});

The grid shows no ScrollBars

Testing the grid without TabPanel shows ScrollBars

Thanks for any hint ...

Dirk