Extjs - 自定义消息框布局

Question

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

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

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

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

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

我已经找到了TPL窗口，却找不到它......

Answer 1

要在标题旁边的标题中显示图标，请使用iconCls configuration，而不要使用icon配置。在icon中覆盖Ext.window.MessageBox配置时，iconCls不会。{/ p>

底部边框和图标，您将在自己的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'
});