javascript - Ext中如何将元素变成可拖动的？

Question

在Panel中添加了一个图片(Ext.Image)做子元素，就像下面这样：

{
    xtype : 'panel',
    width: 800,
    height: 600,
    items : [{
        xtype : 'image',
        src : 'images/Home.jpg',
        style: 'position: absolute'
    }],
}

请问怎样使图片变成可以拖动的？即可以通过鼠标来拖拽图片，使图片在面板中自由移动。

Answer 1

已解決，沒想到如此简单。只需一行代码即可实现：

draggable : true

即将图片组件的配置项draggable设为true即可。完整代码如下：

Ext.define('Test.view.Viewport', {
    extend : 'Ext.container.Viewport',
    items : [ {
        xtype : 'image',
        src : 'images/Home.jpg',
        style : 'position: absolute',
        draggable : true // 此配置项实现了图片的可拖动
    } ]
});

效果如下：

Answer 2

draggable,，具体的业务逻辑自己写一下 onDrag 即可