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

Question

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

我希望标题包含窗口标题旁边的图标。

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

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

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

我一直在寻找 TPL 窗口，但没找到...

Answer 1

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