Extjs4，我改變了AbsoultePanel的物品的X位置，但他們不能改變位置

Question

我學生與EXTJS4 ..

我加Ext.Img到AbsolutePanel，我設定的位置。

之後，我改變了Ext.Img的位置，就像這樣。

img.x = 30; 

但他沒有改變他的立場。

我能爲這個問題做些什麼？

這是我的代碼..

Ext.Img ..

var paddleItem1 = { 
xtype : 'image', 
src : "lib/Image/Paddle.png", 
x : 0, 
y : 0, 
draggable : true, 
index : 0, 
id : 'paddleItem1', 
dx : 2, 
dy : 2, 
name: 'rightPaddle', 
type: 'Paddle', 
color : '255,0,0', 
w : 100, 
h : 100, 
hid : 'paddleItem1' 

};

這是AbsolutePanel。

var centerRegion = Ext.create('Ext.form.Panel', { 
     title : 'Center Region', 
     region : 'center', 
     layout : 'absolute', 
     margins : '5 5 0 5', 
     id : 'designSpace' 
    }); 

這是將項目添加到AbsolutePanel。

centerRegion.add(paddleItem); 

最後，這是改變位置代碼

centerRegion.items.items[0].x = 30; 

Answer 1

使用setPosition兩種方法：

Ext.onReady(function() { 
    var vp = Ext.create('Ext.container.Viewport', { 
     layout: 'absolute', 
     items: { 
      title: 'Foo', 
      x: 10, 
      y: 10, 
      width: 100, 
      height: 100 
     } 
    }); 

    setTimeout(function() { 
     vp.items.first().setPosition(30, 30); 
    }, 1000); 
});