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
850
igGrid updating in IE7
posted

I am building a simple notes editing tool where notes are displayed in a grid form. All is working nicely in IE9, the problem is IE7 or IE9 compatibility mode.

IE 9

 

IE 7

 

Within IE7 all the update buttons and text disappear. I also get an error when I run it though a WPF browser control:

Error: Expected identifier, string or number (line 1, Char 430305) in ig.ui.min.js

My current script and css setup is:

<link href="@Url.Content("~/Content/themes/ovivo1/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/IGStyles/base/ig.ui.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.17.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/json2min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/IG/ig.ui.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/IG/ig.ui.grid.min.js")" type="text/javascript"></script>

 

The grid sode is: (cshtml)

@( Html.Infragistics().Grid(Model)
.ID("grdNotes")
.AutoGenerateColumns(false)
.UpdateUrl("EditList").PrimaryKey("Id")
.Columns(column =>
{
	column.For(x => x.Id).DataType("string").HeaderText("Id").Width("50px");
	column.For(x => x.CreatedBy).DataType("string").HeaderText("Created By").Width("100px");
	column.For(x => x.DateLastEdit).DataType("date").HeaderText("Modified").Width("100px");
	column.For(x => x.Text).DataType("string").HeaderText("Text");
})
.Features(features =>
{
	features.Sorting();
	features.Updating().EnableAddRow(true).EnableDeleteRow(true).EditMode(GridEditMode.Row).StartEditTriggers(GridStartEditTriggers.DblClick).AddRowLabel("Add Note")
		.ColumnSettings(settings =>
		{
			settings.ColumnSetting().ColumnKey("Id").ReadOnly(true);
			settings.ColumnSetting().ColumnKey("CreatedBy").ReadOnly(true);
			settings.ColumnSetting().ColumnKey("DateLastEdit").ReadOnly(true);
			settings.ColumnSetting().ColumnKey("Text");
		});
	})
.DataSourceUrl(Url.Action("GetNotes"new { iItemCategory_Id = 1 }))  
.Width("100%")
.DataBind()
.Render())  

 

I'm sure it'll be some script and css file I'm missing, but I haven't managed to find it yet. Any Ideas?