2

Sencha Touch 2 包括 Ext.util.Droppable 和 Ext.util.Draggable 类。有没有人有一个简单的例子来展示基本的拖放行为是如何工作的？

似乎任何组件都可以使用“可拖动”配置选项进行拖动。在这里，我创建了一个带有可拖动图像组件的简单面板：

    Ext.create("Ext.Panel", {
        fullscreen: true,
        items: [
            {
                xtype: 'image',
                src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png',
                height: 64,
                width: 64,
                left: '10px',
                top: '10px',
                draggable: {
                    direction: 'both',
                },
            }
        ]
    });

这很好用：现在可以在面板内拖动组件。

但是我们现在如何使用 Ext.util.Droppable 类创建一个简单的“放置目标”呢？

4

0 回答 0