Jun 05, 2014, 1:34 PM
[FIXED] [#500] [3.2.0] Portlet loading mask is moving with scrollbar of main panel in Ext V 2.5
Hi,
When scrolling page scroll bar on loading of page, the loading mask also moving up/down. This behaviour only with V2.5, in V1.7 the loading mask not scrolling.
Please find the attached screen shot for your reference.
We have page to display widgets like below structure. You can reproduce the below test case code.
When scrolling page scroll bar on loading of page, the loading mask also moving up/down. This behaviour only with V2.5, in V1.7 the loading mask not scrolling.
Please find the attached screen shot for your reference.
We have page to display widgets like below structure. You can reproduce the below test case code.
<ext:Portal>
<Items>
<ext:PortalColumn>
<Items>
<ext:Portlet>
<ext:Portlet>
<ext:Portlet>
<%@ Page Language="C#" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
string text = @"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.";
this.ResourceManager1.RegisterClientScriptBlock("text", string.Format("var text=\"{0}\";", text));
foreach (Portlet portlet in ControlUtils.FindControls<Portlet>(this.Page))
{
portlet.Html = "={text}";
portlet.Loader = new ComponentLoader
{
Url = "https://examples2.ext.net/#/GridPanel/Infinite_Scrolling/Tuner/",
Mode = LoadMode.Frame,
LoadMask =
{
ShowMask = true
}
};
portlet.BodyPadding = 5;
portlet.CloseAction = CloseAction.Hide;
}
}
foreach (Portlet portlet in ControlUtils.FindControls<Portlet>(this.Page))
{
portlet.DirectEvents.Hide.Event += Portlet_Hide;
portlet.DirectEvents.Hide.EventMask.ShowMask = true;
portlet.DirectEvents.Hide.EventMask.Msg = "Saving...";
portlet.DirectEvents.Hide.EventMask.MinDelay = 500;
portlet.DirectEvents.Hide.ExtraParams.Add(new Ext.Net.Parameter("ID", portlet.ClientID));
}
}
protected void Portlet_Hide(object sender, DirectEventArgs e)
{
X.Msg.Alert("Status", e.ExtraParams["ID"] + " Hidden").Show();
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Portal in TabPanel - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<style>
.x-column-padding{
padding : 10px 0px 10px 10px;
}
.x-column-padding1{
padding : 10px;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:TabPanel
runat="server"
Region="Center"
ActiveTabIndex="0"
Title="TabPanel"
MarginSpec="5 5 5 0">
<Items>
<ext:Panel runat="server" Title="Tab 2" Layout="FitLayout">
<Items>
<ext:Portal runat="server" Border="false">
<Items>
<ext:PortalColumn
runat="server"
Cls="x-column-padding">
<Items>
<ext:Portlet ID="Portlet7" Title="Another Panel 3" runat="server" />
<ext:Portlet ID="Portlet1" Title="Another Panel 3" runat="server" />
<ext:Portlet ID="Portlet2" Title="Another Panel 3" runat="server" />
<ext:Portlet ID="Portlet3" Title="Another Panel 3" runat="server" />
<ext:Portlet ID="Portlet4" Title="Another Panel 3" runat="server" />
</Items>
</ext:PortalColumn>
<ext:PortalColumn
runat="server"
Cls="x-column-padding">
<Items>
<ext:Portlet ID="Portlet8" Title="Panel 2" runat="server" />
<ext:Portlet ID="Portlet9" Title="Another Panel 2" runat="server" />
<ext:Portlet ID="Portlet6" Title="Panel 2" runat="server" />
<ext:Portlet ID="Portlet11" Title="Another Panel 2" runat="server" />
<ext:Portlet ID="Portlet13" Title="Panel 2" runat="server" />
<ext:Portlet ID="Portlet14" Title="Another Panel 2" runat="server" />
</Items>
</ext:PortalColumn>
<ext:PortalColumn
runat="server"
Cls="x-column-padding1">
<Items>
<ext:Portlet ID="Portlet10" Title="Another Panel 1" runat="server" />
</Items>
</ext:PortalColumn>
</Items>
</ext:Portal>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Jun 26, 2015 at 11:42 AM.
Reason: [FIXED] [#500] [3.2.0]