ExtJS：加载商店时生成 Div，在微调器上生成 css 阴影

Question

我有 2 家商店，当我执行它们时，会创建以下 DIV，但我不明白为什么。就在x-body的正下方

它并不总是发生，但一旦创建并且每次我刷新商店时，网格面板上的微调器就会被一个带有阴影的正方形包围，因为 display:none 已更改为 display:block 当这个微调器正在加载时。

 <div class="x-css-shadow" role="presentation" id="ext-gen1308"
 style="z-index: 29002; right: auto; left: 245px; top: 431px; width:
 189px; height: 189px; box-shadow: rgb(136, 136, 136) 0px 0px 6px;
 display: block;"></div>

有谁知道为什么会这样？它在 html 下创建了一个 ID，但我不知道它来自哪里。

有什么想法吗？

Answer 1

默认情况下 LoadMask 的 shadow 设置为 'frame'，您可以轻松地覆盖它并禁用阴影，例如：

Ext.define('Fiddle.LoadMask', {
    override: 'Ext.LoadMask',

    floating: {
        shadow: false
    }

});

工作示例：https://fiddle.sencha.com/#fiddle/1254

ExtJS：加载商店时生成 Div，在微调器上生成 css 阴影

ExtJS: Div being generated when loading store, produces a css-shadow over the spinner

extjs

extjs4

extjs4.1

extjs4.2