extjs4 弹出window后只遮罩其父容器
假设页面有2个panel，panel1和panel2，现在想在panel1中弹出一个window，然后将panel1中的内容遮罩起来，我将window设置成modal : true,但是把页面全部遮罩了，请问如何达到我要的效果？
第1个回答 推荐于2016-10-28
{
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();
});
}
}本回答被提问者和网友采纳
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();
});
}
}本回答被提问者和网友采纳
第2个回答 2019-05-14
你配置panel1加一个配置项:maskDiabled:true
//在该panel被设置为diabled时启用遮罩效果
然后在你想panel1被遮罩时调用panel1.setDisabled(true)
//在该panel被设置为diabled时启用遮罩效果
然后在你想panel1被遮罩时调用panel1.setDisabled(true)
extjs4 弹出window后只遮罩其父容器
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();});}...
extjs4 弹出window后只遮罩其父容器
你配置panel1加一个配置项:maskDiabled:true \/\/在该panel被设置为diabled时启用遮罩效果 然后在你想panel1被遮罩时调用panel1.setDisabled(true)
相似回答
