extjs拡張ウィンドウウィジェットのタイトルバーにアイコンを追加する（2レベルの拡張子）

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は、Window

の延長であることができます誰か私は信じて事前

Answer 1

でこの

おかげで私を助けてタイトルはヘッダーの一部です。私はあなたがプログラムでinitialConfigでこれを行うことはできないと思いますが、コンポーネントのライフサイクルの一部をオーバーライドするか、イベントにフックすることができます。例えば。これをconfigに追加してください。 init（おそらく）の後の任意の初期段階でフックすることができるかもしれませんが、あなたのための実験です。

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

Answer 2

これはextjs 3.2.1を使用して、役立つかもしれない良い例です。

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

しかし、この特定のシナリオのために、私が使用するiconCls

iconCls: 'myCssStyle' 

はその後とCSSファイルが含まれています。

Adding tools dynamically