javascript - ExtJs Layout: Can't display Ext.form.Panel -

hello im trying display filter panel doenst work idea why? im tryed set window.js layout: 'border' without success found examples @ sencha im failed sencha layouts

my window.js

ext.define('shopware.apps.unsqlreader.view.window.window', { extend: 'enlight.app.window', alias: 'widget.main-window-view', height: '90%', width: '90%', layout: 'fit', title: '{s name=window_title}sql reader{/s}', minimizable: true, maximizable: true, menudisabled: true, enablectxmenu: false, initcomponent: function() {     var me = this;     me.items = me.getitems();     me.callparent(arguments); }, getitems: function() {     var me = this;     me.filtergrid = ext.create('ext.grid.panel', {         height: '90%',         width: '90%',         autoscroll: true,         hidden: true,         cls: 'enable-scroll-bar',         layout: 'border',         split: true,         overflowx: 'scroll',         overflowy: 'scroll',         items: [         ext.create('shopware.apps.unsqlreader.view.filter.filter', {             region: 'west'         })],         columns: [],     });     return [me.filtergrid, me.grid]; }, 

my filter.js

ext.define('shopware.apps.unsqlreader.view.filter.filter', { extend: 'ext.form.panel', title: 'filter', collapsible: true, width: 300, layout: 'anchor', region: 'west', initcomponent: function() {     var me = this;     console.log('filter loaded');     me.items = [     me.createfilterbutton(),     me.createresetbutton()],     me.callparent(); }, createfilterbutton: function() {     var me = this;     me.filterbutton = ext.create('ext.button.button', {         cls: 'secondary small',         width: 130,         iconcls: 'sprite-funnel',         text: 'set filter',         handler: function() {          }     });     return me.filterbutton; }, createresetbutton: function() {     var me = this;     me.resetbutton = ext.create('ext.button.button', {         cls: 'secondary small',         width: 130,         iconcls: 'sprite-funnel--minus',         text: 'reset filter',         handler: function() {}     });     return me.resetbutton; } 

i having trouble getting panel show on existing single page application. found using ext.window.window container popup dialog wanted. displayed fine:

ext.create('ext.window.window', {     title: 'hello',     height: 200,     width: 400,     layout: 'fit',     items: {  // let's put empty grid in illustrate fit layout         xtype: 'grid',         border: false,         columns: [{header: 'world'}],                 // 1 header show. there's no data,         store: ext.create('ext.data.arraystore', {}) // dummy empty data store     } }).show();