We are upgrading the jquery versions to the latest for an ownapplication code.
On upgrading to jquery 3.4.1, the grid is not loading for the machine level application and is failing in infragistics.ui.grid.framework.js with the below error :
0x800a138f - JavaScript runtime error: Unable to get property '_injectGrid' of undefined or null reference
0x800a138f - JavaScript runtime error: Unable to get property 'locale' of undefined or null reference
Following this error, the grid on the page is not loading.
Code snippet- html code
We are upgrading the jquery versions to the latest for the PAMS application code to cover the VAT findings.
HTML CODE :
<div style="clear: both;"> @(Html.Infragistics().Grid<AgentEvent>().ID("eventsGrid") .Width("100%").Caption("Agent Events") .Columns(x => { x.For(y => y.TimeStamp).Width("15%").HeaderText("Date").Format("yyyy-MM-dd HH:mm").DataType("date"); x.For(y => y.EventId).Width("8%").HeaderText("Event ID"); x.For(y => y.Message).Width("auto").HeaderText("Message"); }) .Features(f => { f.Paging().PageSizeDropDownLocation("inpager").PageSize(10); f.Resizing(); }) .DataSourceUrl(Url.Action("AgentEventData", new { id = Model.Agent.Id })) .DataBind().Render())</div>
ERROR : Unable to get property '_injectGrid' of undefined or null reference in nfragistics.ui.grid.framework.js
Could you please help me out on this?
I am not able to post my reply!
Hello Vasya,
Thank you for the response. We are not using Ignite UI as such I think. But here are the versions of all the files :
<head>
<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/themes/metro/infragistics.theme.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/structure/infragistics.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/jquery.multiselect.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-3.4.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.12.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/knockout-3.5.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.tmpl.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-2.8.3.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ig/modules/infragistics.util.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ig/infragistics.loader.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/Site.js")" type="text/javascript"></script>
</head>
ERROR : Unable to get property '_injectGrid' of undefined or null reference in infragistics.ui.grid.framework.js
Post this error, the grid is not loading at all. Please help as I am unable to figure out a way to solve this issue.
Hello Neel,
Can you please let me know which version of Ignite UI for jQuery are you currently using?
Keep in mind that older version of our product may not be compatible with latest versions of jQuery. More about our supported environments could be found here.
Please let me know if you need any further assistance with this matter.