将徽标和面板添加到extjs中的消息框中

时间:2012-10-30 15:55:53

标签: javascript extjs4

我是extjs的新手,我正在尝试使用Extjs4创建自定义警报,但我没有成功这样做,主要的想法基本上是在窗口左侧添加公司徽标,以及图标消息类型和消息文本对齐到窗口的右侧。我尝试了不同的方法,但没有工作,我试图创建一个新窗口并添加面板,我试图自定义一个常规的Ext.Msg.show添加项目到它的属性,但它们永远不会显示,任何人都可以给我一个想法如何完成这项工作或哪种方法最好?我已经尝试了2天,但我无法使它工作,我的想法已经用完了。我附上了我现在做的代码,非常感谢!!:

 Ext.Msg.show({
                    title:title,
                    msg: msg,
                    height: 200,
                    width: 300,
                    layout: 'fit',
                    items: {
                        xtype: 'panel',                           
                        html: '<img src="http://localhost:8080/anylogo/companylogo.gif" />' 
                    },
                    buttons: Ext.Msg.OK,
                    icon: Ext.Msg.WARNING
                });

1 个答案:

答案 0 :(得分:1)

这是style的问题。您可以通过cls config:

将CSS类分配给消息框
Ext.Msg.show({
    cls: 'alignright-with-logo'
});