Question

我试图放入我的西面板，3个面板（北，中，南），所以我可以在其中放置物品。有帮助吗？

Ext.onReady(function(){

    north_panel = Ext.create('Ext.form.Panel', {
        region :'north', 
        height : '10%',
        items : [] 
    });

    west_panel = Ext.create('Ext.form.Panel', {
        region :'west', 
        width: '40%',
        items : [] 
    });

    center_panel = Ext.create('Ext.form.Panel', {
        region :'center', 
        items : [] 
    });



    viewport = Ext.create('Ext.container.Viewport', {
        layout : 'border' ,
        renderTo :'document.body',
        items : [north_panel , west_panel , center_panel]
    });

});

Answer 1

简单地做你已经做过的事情。在西面板中声明一个布局边框，并在内部添加3个面板，并使用“region”配置。

{
     xtype : 'panel',
     html : 'West Panel',
     region :'west',
     layout : 'border',
     width: 200,
     items :[{
               xtype : 'panel',
               html : 'North Panel 2',
               region :'north'
             }, {
               xtype : 'panel',
               html : 'South Panel',
               region :'south'
             }, {
               xtype : 'panel',
               html : 'Center Panel 2',
               region :'center'
            }]
}

这是一个工作小提琴：http://jsfiddle.net/Xpe9V/1612/

希望它有所帮助：）

边框布局内的边框布局

1 个答案: