Sencha touch 2 Sencha Touch 2-需要基本的拖放示例

Sencha touch 2 Sencha Touch 2-需要基本的拖放示例,sencha-touch-2,sencha-touch-2.1,Sencha Touch 2,Sencha Touch 2.1,Sencha Touch 2包括Ext.util.Droppable和Ext.util.Draggable类。有没有人有一个简单的例子来说明基本的拖放行为是如何工作的 似乎任何组件都可以通过'draggable'配置选项进行拖动。在这里,我创建了一个带有可拖动图像组件的简单面板: Ext.create("Ext.Panel", { fullscreen: true, items: [ { xtype:

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

似乎任何组件都可以通过'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类来创建一个简单的“drop target”呢?

是的,我看过这个例子,但它是基于ST2 2.1 Beta1,使用Ext.ux.util.Droppable,一个在ST2中不存在的类。是否有任何示例(越简单越好)说明如何使用真实的东西?在ST2.1中有,是的,但我正在寻找示例,文档中没有示例(我可以找到)。