Extjs - 自定义消息框布局

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

enter image description here

我想报头举行旁边的窗口标题的图标。

我想报头有一个底部边框（这可以通过CSS来实现，我认为）

我想这个布局是对我所有的消息框。

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

我已经看过了窗口TPL，但无法找到它......

来源

2013-10-27 AMember

看http://docs.sencha.com/extjs/4.2.2/ ＃！/ guide /主题并创建您的自定义主题。 –

这不是一个主题问题，它是一个需要的布局变化...... – AMember

那么布局和主题有什么区别？除此之外：在ExtJs中，布局完全不符合你所说的http://docs.sencha.com/extjs/4.2.2/#!/guide/layouts_and_containers。 –

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

来源

2013-10-27 21:34:40

Extjs - 自定义消息框布局

回答

相关问题