Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
更改模式窗口extjs4后面遮罩的不透明度_Extjs_Extjs4_Extjs4.1_Extjs4.2_Extjs Mvc - Fatal编程技术网

更改模式窗口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时,它会消失应该关闭上一个窗口,我们应该能够移除遮罩。