Question

extjs中能动态改变panel的layout吗

Answer 1

有的js插件里面accordion都是一个ui控件，但是Ext是通过布局的方式实现的，可以用面板控件作为它的折叠项，并且还可以用js来翻动活动项。

Ext.create('Ext.Panel', {
    title: '容器面板',
    renderTo: 'div2',
    width: 400,
    height: 300,
    layout: 'accordion',
    items: [{
        tools: [{ type: 'gear', handler: function () {
            Ext.Msg.alert('提示', '配置按钮被点击。');
        }
        }, { type: 'refresh'}],
        title: '面板1',
        xtype: "panel",
        html: "子元素1"
 
    }, {
        title: '面板2',
        xtype: "panel",
        html: "子元素2"
    }, {
        id: 'panel3',
        title: '面板3',
        xtype: "panel",
        html: "子元素3"
    }]
});
Ext.create("Ext.Button", {
    renderTo: 'div2',
    text: "打开第三页",
    handler: function () {
        Ext.getCmp('panel3').expand(true);
    }
});

Answer 2

调用panle.doLayout()会刷新布局，但是如果是没办法改变初始化的布局方式的。

追问

我在layout: 'border'布局的center区域有五个panel，其中布局有 column布局的我想点击某一个panel的“放大”按钮就可以将其充满整个center区域，该怎么做呢？
谢谢

追答

panel有setSize，setHeight，setWidth函数可以设置大小

追问

其中要放大的panel是在column的布局里的，所以 就是设置了height和width也只能充满它的columnWidth 所设定的宽度，不能充满整个center区域

追答

那你最好改下布局，让panel的父层是center区域，panel应该是不能超出父层范围的