Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
aliaksei
820
ColumnMoving incorrect behavior in IE9
posted

Hi.

I found incorrect behavior of hierarchical grid column moving feature in IE9.

When you will try to use this menu to move column, try to click on one column menu and then click on another one. Menu will expand and then automatically collapse.

Sample code:

<!DOCTYPE html>
<html>
<head>
<title></title>

<!-- Ignite UI Required Combined CSS Files -->
<link href="http://cdn-na.infragistics.com/jquery/20132/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
<link href="http://cdn-na.infragistics.com/jquery/20132/latest/css/structure/infragistics.css" rel="stylesheet" />

<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<!-- Ignite UI Required Combined JavaScript Files -->
<script src="http://cdn-na.infragistics.com/jquery/20132/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/jquery/20132/latest/js/infragistics.lob.js"></script>

</head>
<body>

<table id="hierarchicalGrid"></table>

<script>

$(function () {

var data = [
{
ID: 1,
Geography: "Kazakhstan",
Organization: "NA",
Concept: "Foreign Liabilities to GDP",
Unit: "percent"
},
{
ID: 2,
Geography: "Kazakhstan",
Organization: "NA",
Concept: "Deposits to GDP",
Unit: "percent"
},
{
ID: 3,
Geography: "Kazakhstan",
Organization: "NA",
Concept: "Assets to GDP",
Unit: "percent"
},
{
ID: 4,
Geography: "Hungary",
Organization: "NA",
Concept: "Foreign Liabilities to GDP",
Unit: "percent"
},
{
ID: 5,
Geography: "Hungary",
Organization: "NA",
Concept: "Deposits to GDP",
Unit: "percent"
},
{
ID: 6,
Geography: "Hungary",
Organization: "NA",
Concept: "Assets to GDP",
Unit: "percent"
},
{
ID: 7,
Geography: "Czech Republic",
Organization: "NA",
Concept: "Foreign Liabilities to GDP",
Unit: "percent"
},
{
ID: 8,
Geography: "Czech Republic",
Organization: "NA",
Concept: "Deposits to GDP",
Unit: "percent"
},
{
ID: 9,
Geography: "Czech Republic",
Organization: "NA",
Concept: "Assets to GDP",
Unit: "percent"
},
{
ID: 10,
Geography: "Bulgaria",
Organization: "NA",
Concept: "Foreign Liabilities to GDP",
Unit: "percent"
},
{
ID: 11,
Geography: "Bulgaria",
Organization: "NA",
Concept: "Deposits to GDP",
Unit: "percent"
},
{
ID: 12,
Geography: "Bulgaria",
Organization: "NA",
Concept: "Assets to GDP",
Unit: "percent"
}
];

$("#hierarchicalGrid").igHierarchicalGrid({
width: "100%",
dataSource: data,
autoGenerateLayouts: true,
autoGenerateColumns:false,
columns: [
{ headerText: "ID", key: "ID", dataType: "number" },
{ headerText: "Geography", key: "Geography", dataType: "string" },
{ headerText: "Organization", key: "Organization", dataType: "string" },
{ headerText: "Concept", key: "Concept", dataType: "string" },
{ headerText: "Unit", key: "Unit", dataType: "string" }
],
features: [
{
name: "ColumnMoving"
}
]
});

});
</script>

</body>
</html>