[OPEN] [#340] Help with drag

  1. #1

    [OPEN] [#340] Help with drag

    Hi,I don't succeed in resolving this problem, in my example when I move the Panel2 out of the limits, in Firefox works fine while in IE and Chrome the Panel1 moves on top.

    the following image shows the result in IE and Chorme
    Click image for larger version. 

Name:	ie_chrome.png 
Views:	14 
Size:	5.1 KB 
ID:	6832

    the following image shows the result in Firefox
    Click image for larger version. 

Name:	firefox.png 
Views:	12 
Size:	6.1 KB 
ID:	6833

    I need that it always works as in Firefox.Thank you very much.

                                                                                                                                                                                                               <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
    <!DOCTYPE html>
    
    
    <html>
    <head id="Head1" runat="server">
        <title></title>
      <style type="text/css">
      
      .panelBox {
        padding: 0px 0px 0px 0px;
        border-radius: 0px 0px;
        
      }
    
    
    </style>
      <script>
        var startDragF = function (x, y) {
    
    
          var dragEl = Ext.get(this.getDragEl());
          var el = Ext.get(this.getEl());
          var extEl = Ext.ComponentMgr.get(el.id);
    
    
          el.hide();
    
    
          dragEl.applyStyles({ border: "solid red 1px" });
    
    
          dragEl.applyStyles({ padding: "0px 0px 0px 0px" });
          dragEl.applyStyles("border-radius: 0px 0px");
    
    
          dragEl.update(el.dom.children[1].innerHTML);
          dragEl.setHeight(40);
          dragEl.setWidth(40);
    
    
          dragEl.addCls(el.dom.className + " dd-proxy");
        }
    
    
        var endDragF = function (e) {
     
    
    
          Ext.panel.DD.prototype.endDrag.apply(this, arguments);
    
    
        }
    
    
    
    
      </script>
    
    
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" >
         
        </ext:ResourceManager>
    
    
          
                <ext:Panel ID="Panel1" 
                    runat="server" 
                    Title="Test" 
                    Height="590"
                    Width="590"
                    Layout="AbsoluteLayout"
                    Frame="true"
                    X="0"
                    Y="0"
                    StyleSpec="position:absolute;"
                    BodyStyle= "background-color: #ffffff !important;"
                    Border="false"
                    Cls="panelBox"
                    >
                    <Items>
                      <ext:Panel ID="Panel3" 
                          runat="server" 
                          Title="No Drag Me" 
                          Icon="ArrowNsew"
                          Width="100" 
                          Height="100" 
                          Frame="true"
                          X="50"
                          Y="50"
                          StyleSpec="position:absolute;"
                        >    
                       <Content>
                           wa fewq fewq fewq
                        </Content>   
                      </ext:Panel> 
    
    
                      <ext:Panel ID="Panel2" 
                          runat="server" 
                          Title="Drag Me" 
                          Icon="ArrowNsew"
                          Width="100" 
                          Height="100" 
                          Frame="true"
                          X="200"
                          Y="100"
                          StyleSpec="position:absolute;"
                        >    
                        <Content>
                          Bla bla bla bla
                        </Content>   
                        <DraggablePanelConfig ID="DraggablePanelConfig1" runat="server">
                          <StartDrag Fn="startDragF"></StartDrag>
                          <EndDrag Fn="endDragF"></EndDrag>
                        </DraggablePanelConfig>  
                      </ext:Panel>
    
    
                    </Items>
                </ext:Panel>
               
    </body>
    </html>
    Last edited by Daniil; Sep 04, 2013 at 4:03 AM. Reason: [OPEN] [#340]
  2. #2
    Hi @xeo4.it,

    Hard to say what might be wrong. Could you, please, provide a test case to investigate?
  3. #3
    Hi Daniil,
    sorry, I have corrected my post.
    Thank you

    Jimmy
  4. #4
    Thank you for the test case, Jimmy.

    It looks a bug. I would expect it behaves in IE and Chrome in the same way as it does in FireFox.

    At the moment I cannot see the reason of such the behavior. Reported to Sencha.
    http://www.sencha.com/forum/showthread.php?271209
  5. #5
    Sencha opened a bug.

    We created an Issue to track it.
    https://github.com/extnet/Ext.NET/issues/340

Similar Threads

  1. [CLOSED] Limit x y drag on Ext.NET 2.x
    By xeo4.it in forum 2.x Legacy Premium Help
    Replies: 10
    Last Post: May 15, 2013, 4:00 PM
  2. [CLOSED] Removing drag target from drag group.
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 04, 2011, 8:41 PM
  3. Drag'n Drop
    By Yannis in forum 1.x Help
    Replies: 1
    Last Post: Oct 28, 2009, 6:14 PM
  4. Drag Drop
    By designworxz in forum 1.x Help
    Replies: 0
    Last Post: Feb 19, 2009, 11:46 PM
  5. Image drag
    By sz_146 in forum 1.x Help
    Replies: 2
    Last Post: Dec 05, 2008, 5:15 AM

Posting Permissions