css - Extjs - 自定义消息框布局

Question

我想为我的应用程序创建一个自定义消息框布局。

我希望标题将图标放在窗口标题旁边。

我希望标题有一个底部边框（我认为这可以通过 CSS 来实现）

我希望这个布局出现在我所有的消息框上。

我在哪里确定窗口的布局？

我一直在寻找窗口 TPL 但找不到它...

Answer 1

要在标题旁边的标题中显示图标，而不是使用icon配置，请使用iconCls配置。虽然icon配置被覆盖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'
});