Question

我有一个容器。在那个容器里面，我有3个可拖动的组件：如下图所示

我可以在父容器中拖动3个组件（向上和向下移动）但是我需要将容器外部的3个组件移动到左侧和右侧（用箭头标记）。

Screenshot of my current screen. I want to move the componets (10, 20, 30) to left side

有人可以帮我解决这个问题。

这是我正在使用的代码

{
xtype: 'container', //Middle Container
width: '100%',
height: '80%',
style: 'background-color: #669900',
layout: 'hbox',
items: [{
    xtype: 'component',
    itemId: 'markCompxx10',
    draggable: true,
    width: '100%',
    height: '30%',
    style: 'background-color: #00EE00', 
    html: '10',
    listeners : { element : 'element', drag : function(e, t) { this.fireEvent('drag', this, e, t); }}
}, {
    xtype: 'component',
    itemId: 'markCompxx20',
    draggable: true,
    width: '100%',
    height: '30%',
    style: 'background-color: #00EE00', 
    html: '20',
    listeners : { element : 'element', drag : function(e, t) { this.fireEvent('drag', this, e, t); }}
}, {
    xtype: 'component',
    itemId: 'markCompxx30',
    width: '100%',
    height: '30%',
    style: 'background-color: #00FFEE', 
    html: '30',
    listeners : { element : 'element', drag : function(e, t) { this.fireEvent('drag', this, e, t); }}
}]
}

}

感谢

Answer 1

查看我的拖车和drop plugin和example。我改进了draggable类，不仅支持组件，还支持元素。这样我就可以做到你无法做到的事情。

如果它对您没有帮助，请在sencha fiddle中重现相同的问题，以便我可以帮助您。

Sencha Touch 2.4.2 - 可移动组件不在容器

1 个答案: