extjs相对于父面板设置x

Question

我有一个ExtJs组件（我已经将它命名为＃34;箭头＆＃34;）位于一个面板内，该面板位于正文中的另一个面板内。

{
xtype:'panel',
items: [
    {
        xtype: 'panel', 
        height: 10,
        width: '100%',
        layout: 'absolute',
        items: [{
                xtype: 'component',// top arrow
                cls: 'irc_pc',
                x: 200,
                id:'arrow'
            }]

    }, {
        xtype: 'panel',
        width: '100%',
        bodyPadding:5,
        flex: 1,
        layout: {
            type: 'hbox',
            align: 'center',
            pack: 'center'
        },   
        height: '100%',
        cls: 'big-box',
        overflow: 'hidden',
        bodyStyle: 'background-color:#222',

    }
]
}

css：

.irc_pc {
  border-bottom: 10px solid #222;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0;
  width: 0;
}

视图：

我想处理相对距离＆＃34; a＆＃34;不是＆＃34; b＆＃34;。距离＆＃34; b＆＃34;是绝对的。第一次调整＆＃34; x＆＃34;组件的属性是正确的，但是当我尝试getX（）或setX（）时它在控制台中的下一个它无法正常工作！

ar = Ext.getCmp('arrow');
ar.getX(); // outs 545
ar.setX(600); // sets the distance "b"! I don't like it.

请帮忙！