ExtJs 6.5.2 modern -로드 마스크 메시지 제거

html 속성에로드되는 모든 내용이 저장되는 loadmask을 사용하고 있습니다. 내가 직면하고있는 문제는 message 속성의 값이 빈 문자열이라 할지라도 message은 loadmask 안에 내 HTML 메시지의 왼쪽에 대시와 같은 것을 생성하는 공간을 할당합니다.ExtJs 6.5.2 modern -로드 마스크 메시지 제거

어떻게 제거하거나 그 공간을 투명하게 만들 수

Ext.application({ 
name : 'Fiddle', 

launch : function() { 
    Ext.create({ 
     xtype: 'panel', 
     fullscreen: true, 
     html: '<h1>Hello World !!!</h1>', 
     listeners: { 
      painted: function (panel) { 
       panel.mask({ 
        xtype: 'loadmask', 
        html: '<div align="center"><h3>Loading Mask</h3>' + 
        '<p>i am loading...</p></div>', 
        message: '', //empty message holds its opacity 
        indicator: false, 
        style: 'background:#d7ecfd' 
       }); 
      } 
     } 
    }); 
} 
});

(A Sencha Fiddle에 우는 코드를 추가)? Modern Toolkit에는 useMsg 속성이 없습니다.

백그라운드 속성 (background: transparent)을 messageCls으로 설정하려고했지만 아무 일도 없었습니다.

출처

2017-11-21 Απόπατος

Sencha 개발자는 메시지 필드가 비어있는 시나리오를 전혀 생각하지 않았을 것입니다.

그러나 아래 양식을 html로 추가하여 수정할 수 있습니다.

<style>.x-mask-inner{background:rgba(0, 0, 0, 0) !important}</style>

출처

2017-11-21 15:03:20

"우아한"무엇인가를 선호하지만 작동합니다. @priyadarshi 감사합니다. 실제로 그들은 메시지를 표시하지 않을 것을 생각했고, 고전적으로'useMsg' 속성이 있습니다. –

ExtJs 6.5.2 modern -로드 마스크 메시지 제거

답변

관련 문제