ExtJs动态更改锚属性

Question

有关于动态更改锚属性的问题...
我有一些FormPanel，它包含一个文本字段，一个面板和一个textarea 对于textarea我设置“锚：100％-somevalue”。面板是动态添加的（如果需要），所以我想根据是否添加Panel来更改textarea的锚属性。

Answer 1

使用doLayout()。例如：

var p = Ext.create('Ext.panel.Panel', {
    renderTo: Ext.getBody(),
    width: '100%',
    height: 200,
    layout: 'anchor',

    items:[{
        title:'Item 1',
        html:'100% 20%',
        anchor:'100% 20%'
    },{
        title:'Item 2',
        html:'50% 30%',
        anchor:'50% 30%'
    },{
        title:'Item 3',
        html:'-100 50%',
        anchor:'-100 50%'
    }]
});

setTimeout(function(){
    p.items.items[0].anchor = '89% 20%';
    p.doLayout();
}, 2000);

工作样本：http://jsfiddle.net/lolo/uN2w9/1/