PDA

View Full Version : [CLOSED] Over editor problem with IE9-IE10



bayoglu
May 02, 2013, 9:22 PM
Hello,

I am facing below error in specific conditions when using over editor for grid panel. The error comes after I select an item from combobox editor and move mouse out of the editing cell.

6152

If I set Editable="false" for MyComboBox editor component, the problem disappears. I see it only with IE 9 and IE10. It is fine with IE8 and Chrome.

Scenario: Edit Item 09 and move mouse on any other row. The error does not happen always but I am pretty sure you will catch it if you try.

Sample code to re-produce:



<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
this.Store1.DataSource = TestData();
this.Store1.DataBind();

this.Store2.DataSource = TestData();
this.Store2.DataBind();
}
}

private List<object> TestData()
{
List<object> data = new List<object>
{
new {
ID = 1,
Name = "Item 01"
},
new {
ID = 2,
Name = "Item 02"
},
new {
ID = 3,
Name = "Item 03"
},
new {
ID = 4,
Name = "Item 04"
},
new {
ID = 5,
Name = "Item 05"
},
new {
ID = 6,
Name = "Item 06"
},
new {
ID = 7,
Name = "Item 07"
},
new {
ID = 8,
Name = "Item 08"
},
new {
ID = 9,
Name = "Item 09"
}
};
return data;
}

</script>

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
<title>ComponentColumn Over Editor - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />

<h1>ComponentColumn as Over Editor</h1>
<ext:Store ID="Store1" runat="server">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="ID" Type="Int" />
<ext:ModelField Name="Name" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:Store ID="Store2" runat="server">
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>
<ext:ModelField Name="ID" Type="Int" />
<ext:ModelField Name="Name" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:GridPanel ID="MyGrid" runat="server" StoreID="Store1" MinHeight="200" Collapsible="false" Flex="1" Title="My Grid">
<ColumnModel runat="server" ID="ColumnModel">
<Columns>
<ext:Column ID="Name" runat="server" Text="Name" DataIndex="Name" Align="Left" Flex="1" MinWidth="250"></ext:Column>
<ext:ComponentColumn ID="Val" runat="server" Text="Val" DataIndex="ID" Align="Left" Flex="1" MinWidth="120" Editor="true" OverOnly="true" PinEvents="expand" UnpinEvents="collapse">
<Component>
<ext:ComboBox ID="MyComboBox" runat="server" DisplayField="Name" ValueField ="ID" Editable="false" QueryMode="Local" AllowBlank="false" StoreID="Store2">
</ext:ComboBox>
</Component>
</ext:ComponentColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>
</form>
</body>
</html>

bayoglu
May 02, 2013, 9:30 PM
The same error also applies to this (http://examples2.ext.net/#/GridPanel/ComponentColumn/Over_Editor/)ext.net example code if you set Editable = "false" for ComboBox component.

Daniil
May 03, 2013, 5:28 AM
Hi @bayoglu,

I am unable to reproduce with your test case and our example using IE9 and Windows 7.


The error does not happen always but I am pretty sure you will catch it if you try.

How often does it occur for you? I tried about 10 times for each test case.

Also did you test it with the original IE9 or IE10 in IE9 mode?

bayoglu
May 03, 2013, 12:11 PM
Hi @Daniil,

I tested it with IE10 in IE9 mode on Window 8. Since I know the right move, I get the error each time I try. Would a video record help?
You are editing the combobox component column, right?
Thanks.

bayoglu
May 03, 2013, 1:12 PM
Below is a video record of how I get the error.


http://www.youtube.com/watch?v=RY3rh5ZTofU

Note-1: There is no problem if you move mouse over a row "down the editing row". The error is thrown if you move mouse over a row "up the editing row".

Note-2: If you move the mouse over a row down the editing row and the cell is updated, then the error does not show again for the following edits.


Note-3: If Editable=true is set for the combobox, problem disappears again.

Daniil
May 03, 2013, 2:20 PM
Thank you for the details.

Please clarify what exactly Ext.NET sources are you testing with?

Daniil
May 03, 2013, 3:06 PM
Vladimir was able to reproduce it in IE10 and committed the fix to SVN.

Please update.

bayoglu
May 03, 2013, 5:26 PM
It works like a charm. Thank you for the quick response. Please mark as closed.