こんにちは。お時間をいただきありがとうございます。
ExtJS 6.2.1 Ext.toast() の UI を変更する方法を考えていました...
たとえば、エラーが発生したときにユーザーに通知する赤 (ish) の境界線と、操作が正常に完了したときに緑 (ish) のトースト、および他のすべての通知の通常のテーマの色、たとえば.. .
これを行う方法の正しいコードを教えてください。前もって感謝します!
こんにちは。お時間をいただきありがとうございます。
ExtJS 6.2.1 Ext.toast() の UI を変更する方法を考えていました...
たとえば、エラーが発生したときにユーザーに通知する赤 (ish) の境界線と、操作が正常に完了したときに緑 (ish) のトースト、および他のすべての通知の通常のテーマの色、たとえば.. .
これを行う方法の正しいコードを教えてください。前もって感謝します!
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'});
次に、.mytoast
css クラスを次のように定義しsass/etc/all.scss
ます。
.mytoast {
border: 2px solid red;
}
これは、「Ext の方法から少し外れている」と感じても、うまくいくようです。