アプリケーションにカスタム メッセージ ボックス レイアウトを作成したいと考えています。
ヘッダーのウィンドウ タイトルの横にあるアイコンを保持する必要があります。
ヘッダーに下の境界線を付けたい (これは CSS で実現できると思います)
このレイアウトをすべてのメッセージ ボックスに配置したいと考えています。
ウィンドウのレイアウトはどこで決めるのですか?
ウィンドウTPLを探しましたが、見つかりませんでした...
タイトルの横のヘッダーにアイコンを表示するには、構成を使用する代わりに、icon
構成を使用しiconCls
ます。icon
config は で上書きされますが、そうExt.window.MessageBox
でiconCls
はありません。
下の境界線とアイコンは、独自の css ファイルで定義します。下の境界線をメッセージボックスのみに制限して、他のウィンドウに表示できないようにすることができるかどうかはわかりません。
CSS の例は次のようになります。
.x-window-header .x-box-inner {
border-bottom: 1px solid #333;
}
.msg-question {
background-image: url('questionmark-icon.png');
}
メッセージ ボックスは次のようになります。
Ext.Msg.show({
title:'Save Changes?',
msg: 'Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,
iconCls: 'msg-question'
});