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 является расширением Window

Может ли кто-нибудь помочь мне с этим

Заранее спасибо

Answer 1

Я считаю, title является частью заголовка.Я не думаю, что вы можете сделать это с initialConfig программно, но вы можете либо переопределить часть жизненного цикла компонента, либо подключиться к событию.Например, добавьте это в конфиг.Возможно, вы (возможно) сможете подключиться на любой ранней стадии после init, может быть, но это эксперимент для вас.

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.

Добавление инструментов динамически