Hi,
I recently create a new .NET 6 web app project and want to use igGrid in my project. I was used to the C# MVC way (Html.Infragistics().Loader() $ Html.Infragistics().Grid()) to create the grid (instead of jquery way like $.ig.Loader & $('#id').igGrid({})) but it return error "SyntaxError: Unexpected token '<', " <script Ty"... is not valid JSON".
Project structure, all IgniteUI css and js files are under wwwroot folder:
Nuget package: Infragistics.Web.AspNetCore (6.22.2.7)
The css and scripts referenced:<link href="/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /><link href="/css/structure/infragistics.css" rel="stylesheet" /><script src="">code.jquery.com/.../script><script src="">code.jquery.com/.../script><script src="/js/infragistics.core.js"></script><script src="/js/infragistics.lob.js"></script><script src="/js/infragistics.loader.js"></script>
Then, I have my controller code that return dummy records array to the Workbench.cshtml partial view.Workbench.cshtml:
@using Infragistics.Web.Mvc @model TestProjecte.Models.DummyModel @(Html.Infragistics().Loader() .ScriptPath(Url.Content("/js/")) .CssPath(Url.Content("/css/")) .Theme("bootstrap") .Render()) @(Html.Infragistics().Grid(Model.Records.AsQueryable()) .ID("tblRecords") .FixedHeaders(true) .DefaultColumnWidth("130px") .AutoGenerateColumns(false) .Columns(column => { column.For(x => x.Id).HeaderText("Id").ColumnCssClass("text-center").HeaderCssClass("text-center"); column.For(x => x.StartTime).HeaderText("Start Time").ColumnCssClass("text-center").HeaderCssClass("text-center").DataType("date").Format("yyyy-MM-dd HH:mm:ss.fff").Width("200px"); column.For(x => x.EndTime).HeaderText("End Time").ColumnCssClass("text-center").HeaderCssClass("text-center").DataType("date").Format("yyyy-MM-dd HH:mm:ss.fff").Width("200px"); column.For(x => x.Dur).HeaderText("Duration (s)").ColumnCssClass("text-center").HeaderCssClass("text-center"); column.For(x => x.Location).HeaderText("Location").ColumnCssClass("text-center").HeaderCssClass("text-center"); }) .Virtualization(false) .Render())
May I know what did I miss out, is it missing Nuget package reference, wrong jquery version, or the way I use Html.Infragistics().Loader() is wrong (I was coming from .NET Framework project which creates the grid this way)? Any pointer or help is great, thanks!
My mistake, found out the issue was me declaring ajax call response data type 'json' which should really be 'html' since I'm returning a PartialView from controller.However, there's still issue with the grid, I can only see the table header and all rows are blank, there is an error coming from infragistics.ui.grid.filtering.js: "Cannot read properties of undefined (reading 'getEditor')" not sure if this is related?