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 - 自定義消息框佈局

回答

相關問題