LoadMask图像 - extjs

Question

我在视图中使用了蒙版加载.现在它显示我默认加载图像(x-mask-loading)我想添加自己的图像而不是默认图像.任何人都有一些想法吗？请告诉我.

Answer 1

您可以通过将css规则应用于loadMask Element来更改加载图标(请参阅loadingCls配置):

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

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

看看演示.

UPDATE

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

这很奇怪,但是sencha不提供api(至少我没有找到)改变loadMask图标.所以唯一的选择是再次摆弄css:

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

ExtJs4.2演示.