Я работаю над extjs и столкнулся с одной маленькой проблемой: когда я изменяю размер окна, все работает отлично, за исключением отключенного компонента ....
до изменения размера браузера отключенный компонент выглядит нормально![enter image description here](https://i.stack.imgur.com/qJLsu.jpg)
, но после изменения размера браузера панель и кнопка за отключенным css расширяются, но css не ![enter image description here](https://i.stack.imgur.com/9Z7JF.jpg)
, вот код:
var topdetailpanel = new Ext.Panel(
{
flex: 1,
padding: 1,
disabled: false,
monitorOrientation:true,
layout: {
type: 'vbox',
pack: 'center',
align: 'stretch'
},
stretchX: true,
items: [
{
xtype: 'button',
id: 'topdetailid',
flex: 1,
baseCls: 'round',
monitorOrientation:true,
stretchX: true,
html: noresult,
handler: function ()
{
window.location = 'DetailsPanel.html?type=' + typeval + '&event=' + eventval + '&price=' + priceval + '&free=0&pos=1'
}}]
});
var bottomdetailpanel = new Ext.Panel(
{
flex: 1,
id: 'ctrlBtn2',
padding: 1,
monitorOrientation:true,
disabled: true,
layout: {
type: 'vbox',
pack: 'center',
align: 'stretch'
},
stretchX: true,
items: [
{
xtype: 'button',
flex: 1,
monitorOrientation:true,
id: 'bottomdetailid',
baseCls: 'round',
stretchX: true,
html: noresult,
handler: function ()
{
window.location = 'DetailsPanel.html?type=' + typeval + '&event=' + eventval + '&price=' + priceval + '&free=0&pos=2'
}}]
});
и для отключения я использую:
bottomdetailpanel.setDisabled (true);
, пожалуйста, помогите .......................
Заранее спасибо .......