May 02, 2013, 9:22 PM
[CLOSED] Over editor problem with IE9-IE10
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.
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:
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.
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>
Last edited by Baidaly; May 03, 2013 at 6:28 PM.
Reason: [CLOSED]