0

アプリケーションにカスタム メッセージ ボックス レイアウトを作成したいと考えています。

ここに画像の説明を入力

ヘッダーのウィンドウ タイトルの横にあるアイコンを保持する必要があります。

ヘッダーに下の境界線を付けたい (これは CSS で実現できると思います)

このレイアウトをすべてのメッセージ ボックスに配置したいと考えています。

ウィンドウのレイアウトはどこで決めるのですか?

ウィンドウTPLを探しましたが、見つかりませんでした...

4

1 に答える 1

1

タイトルの横のヘッダーにアイコンを表示するには、構成を使用する代わりに、icon構成を使用しiconClsますiconconfig は で上書きされますが、そうExt.window.MessageBoxiconClsはありません。

下の境界線とアイコンは、独自の 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'
});
于 2013-10-27T21:34:40.593 に答える