[OPEN] [#655] Drag column over another ViewPort's region

  1. #1

    [OPEN] [#655] Drag column over another ViewPort's region

    On the following example, drag Name Column over the south region, note that layout breaks.



    <!DOCTYPE html>
    <html>
    <head id="Head1" runat="server">
    </head>
    <body>
        <ext:ResourceManager runat="server" ScriptMode="Debug" />
        <ext:Viewport ID="_vwpCorpo" Layout="FitLayout" Border="false" runat="server">
            <Items>
                <ext:Panel runat="server" Layout="BorderLayout" Border="false" BodyBorder="0">
                    <Items>
                        <%--CENTER--%>
                        <ext:GridPanel Title="Center" Region="Center" runat="server">
                            <Store>
                                <ext:Store AutoLoad="true" ID="_str" runat="server">
                                    <Proxy>
                                        <ext:AjaxProxy Url="~/Example/LoadFakeRecords/">
                                            <ActionMethods Read="POST" />
                                            <Reader>
                                                <ext:JsonReader RootProperty="data" />
                                            </Reader>
                                        </ext:AjaxProxy>
                                    </Proxy>
                                    <Model>
                                        <ext:Model IDProperty="ID" runat="server">
                                            <Fields>
                                                <ext:ModelField Name="ID" Type="String" />
                                                <ext:ModelField Name="Name" Type="String" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                            <ColumnModel runat="server">
                                <Columns>
                                    <ext:Column Text="ID" DataIndex="ID" runat="server" />
                                    <ext:Column Text="Name" DataIndex="Name" runat="server" />
                                </Columns>
                            </ColumnModel>
                            <BottomBar>
                                <ext:PagingToolbar runat="server" />
                            </BottomBar>
                        </ext:GridPanel>
                        <%--SOUTH--%>
                        <ext:Panel Title="Center" Region="South" Html="Ext.Net" Split="true" Height="300" Border="false" Collapsed="true" Floatable="false" Collapsible="true" TitleCollapse="true" AnimCollapse="false" runat="server" />
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    </body>
    </html>
    namespace SandBox.Controllers
    {
        public class ExampleController : System.Web.Mvc.Controller
        {
            public ActionResult Index()
            {
                return View();
            }
    
            public StoreResult LoadFakeRecords()
            {
                List<Entity> lst = new List<Entity>();
    
                for (int index = 0; index < 15; index++)
                {
                    lst.Add(new Entity
                    {
                        ID = index,
                        Name = string.Format("Name - {0}", index)
                    });
                }
    
                return new StoreResult(lst, lst.Count());
            }
        }
    
        [Serializable]
        public class Entity
        {
            public int ID { get; set; }
    
            public string Name { get; set; }
        }
    }
    Attached Thumbnails Click image for larger version. 

Name:	vp001.png 
Views:	19 
Size:	9.8 KB 
ID:	19371  
    Last edited by Daniil; Jan 26, 2015 at 11:26 AM. Reason: [OPEN] [#655]
  2. #2
    Please keep me posted about any update.
    Last edited by RCN; Jan 23, 2015 at 1:44 PM.
  3. #3
    Hi Raphael,

    Thank you for the report. I was able to reproduce the issue with Ext.NET and raw ExtJS.

    Created an Issue to track this defect.
    https://github.com/extnet/Ext.NET/issues/655
  4. #4
    Thank you Daniil. Please keep me posted about any update.
  5. #5
    I can suggest to try this.
    Ext.dd.DD.override({
        autoScroll: function (x, y, h, w) {
            if (Ext.get(window).isScrollable()) {
                this.callParent(arguments);
            }
        }
    });
  6. #6
    Should this thread be moved to Bugs area?

Similar Threads

  1. [CLOSED] Printing the center region of a viewport
    By blueworld in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 29, 2013, 3:00 PM
  2. [CLOSED] Rendering a ViewPort with south region collapsed
    By RCN in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 17, 2012, 1:59 PM
  3. Replies: 1
    Last Post: Nov 11, 2011, 5:33 PM
  4. Replies: 13
    Last Post: Jul 14, 2011, 1:45 PM
  5. Fold region ViewPort in runtime
    By marvio.bezerra in forum 1.x Help
    Replies: 0
    Last Post: Mar 20, 2010, 2:53 AM

Posting Permissions