Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
title:'MAin Panel',
renderTo:Ext.getBody(),
height:600,
width:600,
bodyStyle: {
background: 'yellow',
position:'absolute ',
'z-index': -1
},
items:[
{
xtype: Ext.create('Ext.window.Window',{
height : 500,
width : 500,
id:'abc',
items : [
{
xtype : 'button',
text : 'Open',
handler : function(){
/* w2.showAt(450,300);
w1.disable(); */
}
},
{
xtype:'panel',
title:'Inner Panel',
height:200,
width:200,
style:{
position:'absolute ',
'z-index': 2
}
}
],
bodyStyle:{
background: '#000000',
opacity: 0.7,
},
style:{
position:'absolute',
'z-index': 1
}
})
}
]
});
Ext.getCmp('abc').show();
w1.setTitle('Window 1');
w1.show();
});
我有上面的代码,我希望“内板”应该来窗口"abc",不透明度属性应该不适用于“内板”。窗口"abc“的子组件也获得了可操作性。我尝试过样式:{ position:'absolute','z-index':1},相同的代码可以在html中运行,但不能在extjs中运行。
发布于 2012-10-18 02:32:46
我建议你使用。
首先,注册所有容器,然后使用bringToFront
方法显示您想要的容器。
https://stackoverflow.com/questions/12935846
复制相似问题