Results 1 to 3 of 3

Thread: Facing issue with Drag and Arop

  1. #1

    Default Facing issue with Drag and Arop

    Hi ,
    I am using Extjs 6.5.1.
    I am facing an issue with Drag and Drop i.e

    I want swap the panel by using drag and drop.
    I attached the screen shot.
    In that i want to swap the First panel (My Task)with Fourth panel(Team Work).
    I tried with the below code but its not working.

    Code:
    items:[
                           {
                            xtype:'panel',
                            reference:'myTaskRef',
                            header:{
                                layout: {
                                   type: 'hbox',
                                   align: 'left'
                               },
                               items:[{
                                   xtype:'checkbox'
                               }]
                            },
                            title: 'MyTask',
                            draggable:true,
                            locked:true,
                            width: 200,
                            height:100
                           },
                           {
                               xtype:'panel',
                               header:{
                                    layout: {
                                       type: 'hbox',
                                       pack: 'end'
                                   },
                                   items:[{
                                       xtype:'checkbox'
                                   }]
                                },
                                title: 'TeamTask',
                                draggable: true,
                                width: 200,
                                height:100
                           },
                           {
                               xtype:'panel',
                               header:{
                                    layout: {
                                       type: 'hbox',
                                       pack: 'end'
                                   },
                                   items:[{
                                       xtype:'checkbox'
                                   }]
                                },
                                title: 'MyWork',
                                draggable: true,
                                width: 200,
                                height:100
                           },
                           {
                               xtype:'panel',
                               header:{
                                   items:[{
                                       xtype:'checkbox'
                                   }]
                                },
                                title: 'TeamWork',
                                draggable: true,
                                width: 200,
                                height:100
                           }
            ]
    With above code i am able to drag in any direction.
    But i want to drag it in the horizontal direction only.

    Help me in this.


    Thanks
    Kamalakar
    Attached Images Attached Images

  2. #2
    Sencha - Forum Administrator
    Join Date
    Sep 2017
    Posts
    1,005
    Answers
    5

    Default

    Hello Kamalakar,

    Thank you for your question. I have shared this with the support team and asked that they reach out to you to provide some assistance. Thank you for your patience!

    Michele

  3. #3
    Ext Support Team
    Join Date
    Jan 2018
    Posts
    568
    Answers
    7

    Default

    Hello Kamalakar,

    Please check the below fiddle and this would help you in fixing this issue.

    https://fiddle.sencha.com/#view/editor&fiddle/2rc5


    Regards,
    Kumar
    Sencha Support.

Similar Threads

  1. Facing an Issue with Tooltip in IE
    By kamalakarreddy vancha in forum Ext 5: Q&A
    Replies: 0
    Last Post: 15 May 2018, 5:56 AM
  2. Facing an Issue with Tooltip in IE
    By kamalakarreddy vancha in forum Ext 5: Q&A
    Replies: 0
    Last Post: 14 May 2018, 2:13 AM
  3. Facing an issue with Sencha Cmd
    By nitinlavania5 in forum Ext: Q&A
    Replies: 4
    Last Post: 24 Apr 2014, 4:51 AM

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
  •