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执行此操作，但您可以覆盖组件生命周期的一部分或使用事件挂钩。例如。将此添加到配置。你可能（可能）可以在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这是一个很好的例子。

Adding tools dynamically

extjs将图标添加到扩展窗口小部件的标题栏（两级扩展）

2 个答案: