ExtJS的添加圖標來擴展窗口小部件的標題欄（擴展的兩個級別）

Question

我是新來的ExtJS .... 我想要的圖標添加到窗口的標題欄。 我無法找出錯誤在我的代碼 我嘗試使用工具配置爲窗口

這裏是我的代碼：

**Ext.ns('DEV'); 
DEV.ChartWindow = Ext.extend(Ext.ux.DEV.SampleDesktopWidget, { 
width:740, 
height:480, 
iconCls: 'icon-grid', 
shim:false, 
animCollapse:false, 
constrainHeader:true, 
layout: 'fit', 
initComponent : function() { 

this.items = [ 
    new Ext.Panel({ 
     border:true, 
     html : '<iframe src="" width="100%" height="100%" ></iframe>' 
    }) 
]; 

DEV.ChartWindow.superclass.initComponent.apply(this, arguments); 
}, 
getConfig : function() { 
var x = DEV.ChartWindow.superclass.getConfig.apply(this, arguments); 
x.xtype = 'DEV Sample Window'; 

return x; 
}, 
tools: [{ 
id:'help', 
type:'help', 
handler: function(){}, 
qtip:'Help tool' 
}] 
}); 
Ext.reg('DEV Sample Window', DEV.ChartWindow);** 

SampleDesktopWidget是窗口

有人能的擴展幫我這個

在此先感謝

Answer 1

我相信標題是報頭的一部分。我不認爲你可以用initialConfig編程方式做到這一點，但你可以控制組件生命週期的一部分或與事件掛鉤英寸例如。將此添加到配置。你可能（可能）能夠在初始化之後的任何早期階段掛鉤，但這對你來說是一個實驗。

listeners: { 
    render: { 
    fn: function() { 
     this.header.insert(0,{ 
     xtype: 'panel', 
     html: '<img src="/img/titleIcon1.gif"/>' 
     }); 
     } 
    } 
} 

然而，對於這種特殊的情況下，我會用iconCls

iconCls: 'myCssStyle' 

然後包括與一個CSS文件：

.myCssStyle { 
    padding-left: 25px; 
    background: url('/ima/titleIcon.gif') no-repeat; 
} 

Answer 2

這是一個很好的例子，可能會幫助，使用extjs 3.2.1。

Adding tools dynamically