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

Extjs4，我改变了AbsoultePanel的物品的X位置，但他们无法改变位置

1 个答案: