Extjs点击按钮

时间:2016-08-05 11:11:17

标签: javascript extjs extjs4.1

我正在尝试编辑名为PartKeepr(v0.1.9)的开源程序。在程序的特定部分,我想添加一个按钮,打开一个新的Ext.window.Window。我的代码如下所示不起作用(我在extjs中很新,但我认为我有一项艰巨的任务,所以我愿意接受所有建议,从哪里开始学习,我只是想学习从现有代码中通过查看可用代码的类似部分来应用一些东西)

Ext.define('PartKeepr.FindWindow',{
   extend:'Ext.window.Window',
   constrainHeader: true,
   title: i18n("Find Number"),
   initComponent: function() {
     this.okButton=Ext.create("Ext.button.Button",{
     text:i18n("OK")});
     this.buttons=[this.okButton];
   }
});
{
  xtype: 'button',
  text: i18n("Find"),
  name: 'findButton',
  handler: Ext.bind(this.findNumber, this)
}
findNumber: function(){
   var j = new PartKeepr.FindWindow();
   j.show();
}

编辑:当我按下查找按钮时,控制台会给我以下错误:ext-all.js:21 Uncaught TypeError:无法读取未定义的属性'insert'

1 个答案:

答案 0 :(得分:0)

您需要调用超类initComponent方法:

Ext.define('PartKeepr.FindWindow', {
    extend: 'Ext.window.Window',
    constrainHeader: true,
    title: i18n("Find Number"),
    initComponent: function() {
        this.okButton = Ext.create("Ext.button.Button", {
            text: i18n("OK")
        });
        this.buttons = [this.okButton];
        this.callParent();
    }
});