image - LoadMask 图像 - extjs

Question

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

Answer 1

您可以通过将 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);
}

查看 demo .

更新

This doesn't work anymore with extjs 4.2. Checkout the new version. Any idea how to fix this?

这很奇怪，但是 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 demo .