1

こんにちは。お時間をいただきありがとうございます。

ExtJS 6.2.1 Ext.toast() の UI を変更する方法を考えていました...

たとえば、エラーが発生したときにユーザーに通知する赤 (ish) の境界線と、操作が正常に完了したときに緑 (ish) のトースト、および他のすべての通知の通常のテーマの色、たとえば.. .

これを行う方法の正しいコードを教えてください。前もって感謝します!

4

2 に答える 2

0

Ext.Toastそれぞれ Ext.toast基本的にExt.Panelです。私の最初のアプローチは、ミックスインで UI を作成しようとすることでしたpanel-ui。どうやら、これはうまくいきませんでした。代わりに、次のように、ベース CSS クラスを使用して Toast インスタンスを作成することで解決できます。

var t = Ext.create('Ext.Toast',{cls: 'mytoast',timeout: 2000});
t.show({message: 'foo'});

次に、.mytoastcss クラスを次のように定義しsass/etc/all.scssます。

.mytoast {
    border: 2px solid red;
}

これは、「Ext の方法から少し外れている」と感じても、うまくいくようです。

于 2017-05-08T13:25:03.910 に答える