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?
Yes that fixed it. Thank you for you help. I was using both out of date script files and css files. The definitive lists that worked for me are found in:
C:\Users\Public\Documents\Infragistics\NetAdvantage 2011.2\jQuery\Samples\Scripts\Samples\combined\min
C:\Users\Public\Documents\Infragistics\NetAdvantage 2011.2\jQuery\Samples\Styles\mvc\jQueryThemes\base
Hi,
Are you using version 11.1?
In 11.1 Updating is CTP feature.
If you get the version 11.2 there the delete button will be over the row (Not under it) and it is correct displayed in IE7
Hope this helps,
Nadia