Results 1 to 4 of 4

Thread: Sencha Touch 2.4.2 - Draggable Component not moving outside Container

  1. #1
    Sencha User
    Join Date
    Oct 2010
    Location
    New Jersey USA
    Posts
    11

    Default Sencha Touch 2.4.2 - Draggable Component not moving outside Container

    I am having a Container. Inside that container I am having 3 companent with draggable: true as below image

    I can drag the 3 components within the parent container (move up and down) But I need to move the 3 component outside the container to left and right side (marked in arrow).

    Screenshot of my screen.
    Capture.jpg
    Can someone please help me on this.
    This is the code that I am using

    Code:
    {
    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); }}
    }]
    }
    }
    thanks

  2. #2
    Sencha User
    Join Date
    Oct 2010
    Location
    New Jersey USA
    Posts
    11

    Default Any one have answer for this question

    Any one have answer for this question
    I tried for the whole week but still I couldn't find a way to drag a component outside parent component.

    Thanks,

  3. #3

    Default

    Hi, Even I stuck with the same issue. Did u find any solution for this...???

  4. #4
    Sencha User
    Join Date
    Oct 2010
    Location
    New Jersey USA
    Posts
    11

    Default

    Check this drag & drop plugin and example.

    this is working for me.

    Hope this is helpful.

    thanks
    Joseph.

Similar Threads

  1. Replies: 2
    Last Post: 24 Feb 2015, 10:40 AM
  2. Replies: 3
    Last Post: 5 Jul 2013, 10:30 AM
  3. [OPEN] [2.1.0-b3] Draggable component overflow parent container when dragged
    By MaciejZabielski in forum Sencha Touch 2.x: Bugs
    Replies: 2
    Last Post: 18 Sep 2012, 7:28 AM
  4. Draggable component restricted to parent container
    By Fonx in forum Sencha Touch 2.x: Q&A
    Replies: 2
    Last Post: 5 Jun 2012, 4:18 AM
  5. Draggable component restricted to parent container
    By TheDude55 in forum Ext: Discussion
    Replies: 2
    Last Post: 16 Nov 2011, 10:06 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •