PDA

View Full Version : Splitter in Vbox panel can't be selected



rbraddy
15 Dec 2012, 4:03 PM
Hi,

Any reason my splitter cannot be selected for resizing?
(the splitter is shown, but cannot be selected to resize the panels)

Thanks
Rick



Ext.define('MyApp.view.MyViewport', {
extend: 'Ext.container.Viewport',


layout: {
type: 'fit'
},


initComponent: function() {
var me = this;


Ext.applyIf(me, {
items: [
{
xtype: 'panel',
layout: {
align: 'stretch',
type: 'vbox'
},
items: [
{
xtype: 'gridpanel',
flex: 1,
title: 'Control Panel',
forceFit: true,
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'string',
text: 'Name'
},
{
xtype: 'gridcolumn',
dataIndex: 'string',
text: 'Status'
},
{
xtype: 'gridcolumn',
dataIndex: 'string',
text: 'Last Action'
},
{
xtype: 'gridcolumn',
dataIndex: 'string',
text: 'Action Time'
}
],
viewConfig: {


},
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
{
xtype: 'button',
itemId: 'testBtn',
text: 'TEST Button'
}
]
}
]
},
{
height: 10,
width: 10
},
{
xtype: 'gridpanel',
flex: 1,
title: 'Log',
columns: [
{
xtype: 'gridcolumn',
width: 972,
dataIndex: 'string',
text: 'Event'
}
],
viewConfig: {


}
}
]
}
]
});


me.callParent(arguments);
}


});

mitchellsimoens
17 Dec 2012, 7:55 AM
There isn't any splitter define here. There is a component between the grids but it's not a splitter or anything that would change the heights of the grids.

rbraddy
17 Dec 2012, 9:33 AM
Yeah. That's how Sencha Architect treats Splitters - there's no xtype generated (see attached screenshot)


40850