Mar 05, 2018, 3:37 PM
[OPEN] [#1579] [4.5.1] Gridpanel refresh problems with Firefox
Hi,
we have a problem when refreshing data in Firefox 52.6 ESR. It is working without a problem in Google Chrome.
We are using Ext.NET 4.5.1.
Scenario:
- Some data is loaded in a Gridpanel, a scrollbar is shown.
- A user scrolls down to the half of the page
- A user clicks on the refresh button in the PagingToolbar.
- The Gridpanel has a graphic issue (please have a look a the screenshot)
- When the user clicks in the GridPanel or scroll down or up, the data is correctly shown again.
I think it has something to do with the <ext:PageProxy. In another example without a PageProxy it is working in Firefox. But we need the PageProxy.
Do you have any idea how to solve the problem?
Many thanks for your help!
Bye,
Andreas
we have a problem when refreshing data in Firefox 52.6 ESR. It is working without a problem in Google Chrome.
We are using Ext.NET 4.5.1.
Scenario:
- Some data is loaded in a Gridpanel, a scrollbar is shown.
- A user scrolls down to the half of the page
- A user clicks on the refresh button in the PagingToolbar.
- The Gridpanel has a graphic issue (please have a look a the screenshot)
- When the user clicks in the GridPanel or scroll down or up, the data is correctly shown again.
I think it has something to do with the <ext:PageProxy. In another example without a PageProxy it is working in Firefox. But we need the PageProxy.
Do you have any idea how to solve the problem?
Many thanks for your help!
Bye,
Andreas
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Page Language="C#" %>
<script runat="server">
[DirectMethod]
public static object BindData()
{
return Data;
}
private static object[] Data
{
get
{
int count = 200;
DateTime now = DateTime.Now;
object[] data = new object[count];
for (int i = 0; i < count; i++)
{
data[i] = new object[] { "3m Co", 71.72, 0.02, 0.03, now };
}
return data;
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>PageProxy with DirectMethod - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script>
var template = '<span style="color:{0};">{1}</span>';
var change = function (value) {
return Ext.String.format(template, (value > 0) ? "green" : "red", value);
};
var pctChange = function (value) {
return Ext.String.format(template, (value > 0) ? "green" : "red", value + "%");
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
<Items>
<ext:GridPanel
ID="GridPanel1"
runat="server"
Title="Array Grid"
Region="Center">
<Store>
<ext:Store ID="Store1" runat="server" PageSize="100">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="company" />
<ext:ModelField Name="price" Type="Float" />
<ext:ModelField Name="change" Type="Float" />
<ext:ModelField Name="pctChange" Type="Float" />
<ext:ModelField Name="lastChange" Type="Date" />
</Fields>
</ext:Model>
</Model>
<Proxy>
<ext:PageProxy DirectFn="App.direct.BindData">
<Reader>
<ext:ArrayReader />
</Reader>
</ext:PageProxy>
</Proxy>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:RowNumbererColumn runat="server" Width="35" />
<ext:Column runat="server" Text="Company" DataIndex="company" Flex="1" />
<ext:Column runat="server" Text="Price" Width="75" DataIndex="price">
<Renderer Format="UsMoney" />
</ext:Column>
<ext:Column runat="server" Text="Change" Width="75" DataIndex="change">
<Renderer Fn="change" />
</ext:Column>
<ext:Column runat="server" Text="Change" Width="75" DataIndex="pctChange">
<Renderer Fn="pctChange" />
</ext:Column>
<ext:DateColumn runat="server" Text="Last Updated" Width="85" DataIndex="lastChange" Format="H:mm:ss" />
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server"></ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by ASchott; Mar 05, 2018 at 4:07 PM.