1
Помогите мне пожалуйста. Скажите, как сделать колонку на 20% левой, 30% + 10px правой и средней жидкостью? Я знаю, как сделать это с помощью HTML + CSS, но я хочу, чтобы повторить в Ext.js Я просто нашел способ с фиксированными колонками:Флюидные колонны в Ext.panel
.foo{border:3px solid red;width:800px;margin:0 auto}
</style>
</head>
<body>
<?php
?>
<div class="foo"></div>
<script>
Ext.onReady(function(){
var panel = Ext.create('Ext.panel.Panel', {
title : 'wrapper',
width : 800,
height: 300,
// html : ' Контент Контент Контент Контент Контент ',
renderTo : Ext.query(".foo")[0],
layout:'border',
items:[
{
xtype : 'panel',
region: 'center',
title : 'center', // св-во title отвечает за заголовок компонента (панели).
// width : 200,
height: 300,
html : ' centerBar ',
layout:'border',
items:[{
xtype : 'panel',
region: 'center',
title : 'center_mid',
html : ' centermid '
},{
xtype : 'panel',
region: 'east',
title : 'centereast',
width:100,
height: 30,
html : ' centereast '
}]
}
,
{
xtype : 'panel',
region: 'north',
title : 'north',
height: 90,
html : ' centerBar '
}
,
{
xtype : 'panel',
region: 'east',
title : 'left',
width : 200,
height: 300,
html : ' leftBar ',
},{
xtype : 'panel',
region: 'west',
width : 100,
height: 300,
html : ' rightBar ',
}]
});
});
</script>
Я также буду благодарен за ссылки. Спасибо за помощь.