LoadMask图像 - extjs

Question

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

Answer 1

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

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

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

查看demo。

更新

  

这不再适用于extjs 4.2。结帐新的version。知道如何解决这个问题吗？

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