3

在我看来，我在加载时使用了掩码。现在它正在向我显示默认加载图像（x-mask-loading）我想添加我自己的图像而不是那个默认图像。任何人都可以有一些想法吗？请告诉我。

4

1 回答 1

6

您可以通过将 css 规则应用于 loadMask 元素来更改加载图标（请参阅loadingCls配置）：

Ext.create('Ext.view.View', {
    loadingCls: 'custom-loader'
    // ...
});

/* CSS */
.x-mask-msg .custom-loader {
    background-image: url(http://example.com/custom-loading.gif);
}

查看演示。

更新

这不再适用于 extjs 4.2。签出新版本。知道如何解决这个问题吗？

这很奇怪，但 sencha 没有提供用于更改 loadMask 图标的 api（至少我没有找到）。所以唯一的选择是再次摆弄css：

/* CSS */
.x-mask-msg .custom-loader .x-mask-msg-text {
    background-image: url(http://example.com/custom-loading.gif);
}

ExtJs4.2 演示。

于 2013-03-08T08:39:32.907 回答