Question

extjs4 弹出window后只遮罩其父容器

假设页面有2个panel，panel1和panel2，现在想在panel1中弹出一个window，然后将panel1中的内容遮罩起来，我将window设置成modal : true,但是把页面全部遮罩了，请问如何达到我要的效果？

Answer 1

{
xtype: 'button',
margin:'0 0 0 5',
text: '新建',
iconCls: 'add',
handler:function(){
Ext.getBody().mask();//这个地方可以获取panel1或则是panel2的id来实现遮罩，然后在用window.on来处理解除遮罩
var win_add = Ext.create('typenewWindow',{});
win_add.show(this, function() {
});
win_add.on('close',function(){
Ext.getBody().unmask();
});
}
}

Answer 2

你配置panel1加一个配置项:maskDiabled:true
//在该panel被设置为diabled时启用遮罩效果
然后在你想panel1被遮罩时调用panel1.setDisabled(true)