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); 
});