Extjs открывает новый Ext.window.Window, нажав кнопку

Question

Я пытаюсь редактировать программу с открытым исходным кодом под названием 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(); 
} 

Edit: При нажатии соответствующей кнопки, консоль дает мне следующую ошибку: Ext-all.js: 21 Uncaught TypeError: Невозможно прочитать свойство 'insert' of undefined

Answer 1

Вам необходимо вызвать метод 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(); 
    } 
});