image - LoadMask イメージ - extjs

Question

ビューでの読み込み時にマスクを使用しました。現在、デフォルトの読み込み画像（x-mask-loading）が表示されています。そのデフォルトの画像の代わりに独自の画像を追加したいです。誰かアイデアがありますか？私にお知らせください。

Answer 1

cssルールをloadMaskElementに適用することで、読み込みアイコンを変更できます（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);
}

デモをご覧ください。

アップデート

これは、extjs4.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デモ。