更改模式窗口extjs4后面遮罩的不透明度
我想更改模式窗口后面遮罩的不透明度。我想让它不透明。这只适用于一个窗口。有人能告诉我怎么做吗? 我试过了更改模式窗口extjs4后面遮罩的不透明度,extjs,extjs4,extjs4.1,extjs4.2,extjs-mvc,Extjs,Extjs4,Extjs4.1,Extjs4.2,Extjs Mvc,我想更改模式窗口后面遮罩的不透明度。我想让它不透明。这只适用于一个窗口。有人能告诉我怎么做吗? 我试过了 this.getEl().setOpacity(1); this.mask.setStyle('opacity', 1); this.el.mask().setStyle('opacity',1); 我试过这三种代码,但都不起作用。有类似的要求,使用domQuery获得“x-mask”el,并添加css以更改不透明度 橱窗正在展出 show: function(w
this.getEl().setOpacity(1);
this.mask.setStyle('opacity', 1);
this.el.mask().setStyle('opacity',1);
我试过这三种代码,但都不起作用。有类似的要求,使用domQuery获得“x-mask”el,并添加css以更改不透明度 橱窗正在展出
show: function(win) {
if (this.modal) {
var dom = Ext.dom.Query.select('.x-mask');
var el = Ext.get(dom[0]);
el.addCls('customWinMask'); //remove on hide
}
}
CSS:
工作小提琴:有类似的要求,使用domQuery获得“x-mask”el,并添加css以更改不透明度 橱窗正在展出
show: function(win) {
if (this.modal) {
var dom = Ext.dom.Query.select('.x-mask');
var el = Ext.get(dom[0]);
el.addCls('customWinMask'); //remove on hide
}
}
CSS:
工作小提琴:所以,上面的代码对我来说完全不起作用。我不得不对它进行以下修改
show: function(win) {
if (this.modal) {
var dom = Ext.dom.Query.select('.x-mask');
for(var i=0; i<dom.length;i++){
Ext.get(dom[i]).setStyle('opacity',1);
}
}
},
close: function(win) {
if (this.modal) {
var dom = Ext.dom.Query.select('.x-mask');
for(var i=0; i<dom.length;i++){
Ext.get(dom[i]).setStyle('opacity',0);
}
}
}
显示:功能(win){
if(本模式){
var dom=Ext.dom.Query.select('.x-mask');
对于(var i=0;i所以,上面的代码力对我完全不起作用。我必须对它进行以下修改
show: function(win) {
if (this.modal) {
var dom = Ext.dom.Query.select('.x-mask');
for(var i=0; i<dom.length;i++){
Ext.get(dom[i]).setStyle('opacity',1);
}
}
},
close: function(win) {
if (this.modal) {
var dom = Ext.dom.Query.select('.x-mask');
for(var i=0; i<dom.length;i++){
Ext.get(dom[i]).setStyle('opacity',0);
}
}
}
显示:功能(win){
if(本模式){
var dom=Ext.dom.Query.select('.x-mask');
对于(var i=0;iuser2316489),应将不透明度从1更改为0.5,例如:
$loadmask-opacity:0.3;
$loadmask-page-opacity:$loadmask-opacity;
this.getEl().setOpacity(0.5);
这个.el.mask().setStyle('opacity',0.5);用户2316489,您应该将不透明度从1更改为0.5,例如:
$loadmask-opacity:0.3;
$loadmask-page-opacity:$loadmask-opacity;
this.getEl().setOpacity(0.5);
this.el.mask().setStyle('opacity',0.5);您可以将sass变量用于Ext.LoadMask,例如:
$loadmask-opacity:0.3;
$loadmask-page-opacity:$loadmask-opacity;
ExtJs v6.0上的规则您可以将sass变量用于Ext.LoadMask,例如:
$loadmask-opacity:0.3;
$loadmask-page-opacity:$loadmask-opacity;
ExtJs v6.0上的规则转到sass>etc>all.scss并放入以下代码:
.x-mask {
opacity : 0.3
}
它在extjs 6.0中运行完美,请转到sass>etc>all.scss,并输入以下代码:
.x-mask {
opacity : 0.3
}
它在extjs 6.0中运行得非常完美(嘿,谢谢你:)它对我很有效,但我必须得到dom的第六个元素,var dom=Ext.dom.Query.select('.x-mask');var el=Ext.get(dom[6]);el.setStyle('opacity',1);嘿,所以我使用了上面的代码,但是对于窗口,又会出现一个确认窗口,所以当显示确认窗口时,前一个窗口会隐藏在遮罩后面,理想的情况是我们应该能够同时看到确认窗口和前一个窗口,但是当我们在确认窗口上按yes时,它会消失应该关闭上一个窗口,我们应该能够删除掩码。嘿,谢谢:)这对我来说很有效,但我必须获得dom的第六个元素,var dom=Ext.dom.Query.select('.x-mask');var el=Ext.get(dom[6]);el.setStyle('opacity',1);嘿,所以我使用了上面的代码,但是对于窗口,又会出现一个确认窗口,所以当显示确认窗口时,前一个窗口会隐藏在遮罩后面,理想的情况是我们应该能够同时看到确认窗口和前一个窗口,但是当我们在确认窗口上按yes时,它会消失应该关闭上一个窗口,我们应该能够移除遮罩。