Jun 29, 2015, 4:12 PM
[FIXED] [#820] Grid column header interaction (e.g. resize) sometimes triggers unexpected click event
Hello,
This is the same problem as described in more detail on this forum post which is about Ext.NET 3.x
http://forums.ext.net/showthread.php?59679
To reproduce this issue in 1.x, it is a bit simpler:
Please note for Ext.NET 1.x, the problem seems to be with IE only (I was testing with IE11). Firefox and Chrome are okay
Hope that helps.
This is the same problem as described in more detail on this forum post which is about Ext.NET 3.x
http://forums.ext.net/showthread.php?59679
To reproduce this issue in 1.x, it is a bit simpler:
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store1.DataSource = Data;
Store1.DataBind();
}
}
private object[] Data
{
get
{
return new object[]
{
new object[] { "3m Co", 71.72, 0.02, 0.03, "9/1 12:00am" },
new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am" },
new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am" },
new object[] { "American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am" },
new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am" },
new object[] { "AT&T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am" },
new object[] { "Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am" },
new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am" },
new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am" }
};
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Simple Array Grid - Ext.NET Examples</title>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="Fit">
<Items>
<ext:GridPanel ID="GridPanel1" runat="server">
<Store>
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="company" />
<ext:RecordField Name="price" Type="Float" />
</Fields>
</ext:ArrayReader>
</Reader>
<CustomConfig>
<ext:ConfigItem Name="sort" Value="function() {Ext.MessageBox.show({ msg: 'Cannot sort' }); console.trace(); return false;}" Mode="Raw"/>
</CustomConfig>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column Header="Company" DataIndex="company" Width="100" Fixed="true" />
<ext:Column Header="Price" DataIndex="price" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel runat="server" />
</SelectionModel>
</ext:GridPanel>
</Items>
</ext:Viewport>
</body>
</html>
To reproduce the problem:- Attempt to resize the fixed column (first column) to make it wider
- Be careful how you move your mouse pointer - as you attempt to resize, your mouse should hover over the some part of the second column's header
- When you let go of the mouse pointer, you should get a message box showing up saying "Cannot sort"
- In other words, a header click is triggered when it should not be
Please note for Ext.NET 1.x, the problem seems to be with IE only (I was testing with IE11). Firefox and Chrome are okay
Hope that helps.
Last edited by Daniil; Jul 01, 2015 at 10:15 AM.
Reason: [FIXED] [#820]