var windowProject = new Ext.TabPanel({
region:'west',
split: true,
activeTab: 0,
items: [{
title: 'File',
html: 'hier Baumstruktur vorstellen'
}]
});
var item1 = new Ext.Panel({
title: 'Reference',
cls:'empty',
anchor: '100% 50%',
items: [windowReference]
});
var item2 = new Ext.Panel({
title: 'Projekt',
cls:'empty',
anchor: '100% 50%',
items: [windowProject]
});
var accordion = new Ext.Panel({
title:' ',
region:'west',
margins:'5 0 5 5',
collapsible:true,
split:true,
width: 210,
layout:'anchor',
items: [item1,item2]
});
var viewport = new Ext.Viewport({
layout:'border',
items:[
accordion,{
region: 'center',
title: 'Editor',
width: 600,
height: 300,
frame: true,
layout: 'border',
items: {
region: 'center',
xtype: 'htmleditor',
enableColors: false,
enableAlignments: false
}
}]
});
});
</script>
This works!
So now I try to rebuli this with Ext Designer but it does not work.
Her the code from Ext Designer from the point the problems begins:
The first problem is Ext.layout.BorderLayout - region:
Panale "My Panel" should be west an the HTML Editro should be center.
But every time I set HTML Editro region to center the same goes to the Panel so bothe are in center. It doesn't matter wich positon or witch of this tow components I choose, every time the region in both change.
So wher ist the my mistake?
The second problem ist with regio an the preview
Only if regio= center you can the the component in the preview window if some of he ostehr you only see the Viewport
Waht is here wrong?