Dec 10, 2014, 3:25 PM
[CLOSED] Problem with table
I have a strange problem when i resize the window or open a panel. I have a viewPort and inside i attach on the fly a panel with a tableLayout like this:
can someone help me ?
thanks
Alessandro
var panel = new Ext.Panel({
html: '',
title: ': ' + id_disp,
closable: true,
id: '_' + id_disp,
layout: {
resizable: false,
type: 'table',
columns: 4,
tableAttrs: {
style: {
width: '100%',
height: '100%'
}
},
tdAttrs: {
valign: 'top'
}
},
listeners: {
close: function (tabPanel) {
Ext.getCmp('Left').expand();
}
},
items: [
{
title: '',
html: '<div id="_' ++ '" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
height: 150
},
{
title: '',
html: '<div id="__' + id'" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
height: 150
},
{
title: '',
html: '<div id="" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
height: 150
},
{
title: '',
html: '<div id="_" style="width:100%;height:100%;background-color:#EFEFEF;"></div>',
height: 150
},
{
title: '',
html: '<div id="__' + _+ '" style="height:100%;width:100%;background-color:#3c3c3c;"></div>',
height: 390,
width: '100%'
},
{
title: '',
html: '',
rowspan: 2,
colspan: 3,
height: 780,
xtype: 'tabpanel',
items: [{
title: '',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#EFEFEF;"></div>'
},
{
title: '/',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
},
{
title: '',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
},
{
title: '',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
},
{
title: '',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
},
{
title: '',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
},
{
title: '',
autoScroll: true,
html: '<div style="height:100%;width:100%;background-color:#F0F5FA;"></div>'
}
]
},
{
title: '',
html: '<div id="" style="height:100%;width:100%;background-color:#3c3c3c;"></div>',
height: 390,
width: '100%'
}
]
});
this table change the dimensions and the visualization change. In other words the layout of the table change untill i make the dolayoutcan someone help me ?
thanks
Alessandro
Last edited by Daniil; Dec 21, 2014 at 1:27 PM.
Reason: Please use [CODE] tags, [CLOSED]