Hi all,

I've got a problem with a Window that has to show when pressing a button in a form.

I've created 2 views, a form(mainForm) and a Window(WindowAdministratiekostenPOP). The form is my initialview.

When pressing a button the windows has to show. This is my button handler:


Below are the properties of the window. When running the above command i get:

TypeError: Cannot call method 'showAt' of undefined

When putting all code below in the init part of the application(with
,function() {
var WindowAdministratiekostenPOP = new this();

as addition) it works fine.

So my question is: how do I get my window defined with SA? Do I set this in the Window properties? Or some other place in SA?

Window definition:
Ext.define('WetenschapsfondsApp.view.WindowAdministratiekostenPOP', {
extend: 'Ext.window.Window',
alias: 'widget.WindowAdministratiekostenPOP',
floating: false,
height: 372,
hideMode: 'offsets',
id: 'WindowAdministratiekostenPOP',
width: 673,
autoDestroy: false,
closeAction: 'hide',
titleCollapse: false,
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
xtype: 'gridpanel',
height: 342,
id: 'gridAdministratiekostenPOP',
width: 663,
store: 'AdminKostenStore',
columns: [
xtype: 'gridcolumn',
id: 'specialisme',
dataIndex: 'string',
text: 'Specialisme'
xtype: 'gridcolumn',
id: 'ctgcode',
dataIndex: 'number',
text: 'CTG code'
xtype: 'gridcolumn',
id: 'ctgoms',
width: 250,
defaultWidth: 300,
dataIndex: 'date',
text: 'CTG oms'
xtype: 'rownumberer',
id: 'bedrag',
width: 100,
dataIndex: 'bool',
text: 'bedrag'
xtype: 'datecolumn',
id: 'jaar',
text: 'Jaar'