2

Sencha Touch 2 には、Ext.util.Droppable および Ext.util.Draggable クラスが含まれています。基本的なドラッグアンドドロップ動作がどのように機能するかを示す簡単な例はありますか?

「ドラッグ可能」構成オプションを使用して、任意のコンポーネントをドラッグ可能にできるようです。ここでは、ドラッグ可能な画像コンポーネントを持つ単純な Panel を作成します。

    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