Hello Team,
I am trying to check whether we can use your tool for my project requirement and I am new to bootstrap and MVC.
I have implemented the code by using instructions shown in the page https://www.igniteui.com/help/iggrid-binding-to-webapi. But I am not sure where I am missing the code as I am unable to see the data on the screen. There is no data displaying in the grid at all.
My requirement is to use a grid with Grouping, Multi column and customized editing of cells. Can you please help me to fix out on how to display the data into the grid. It would be helpful if I can have a working sample with MVC and entity framework.
Please find the screen shots of my code. I am attaching the controller, Model and View of my project.
NOTE: When I check the model in the cshtml file using debugger I am able to see the data in the result view but the grid is not displaying.
Thanks
Nandan.
Hello Nandan,
Thank you for posting in our forum.
You don't need the igLoader if you are loading the combined infragistics.core.js and infragistics.lob.js files, so you could remove the reference to it at line 7 in Index.cshtml and everything should work fine.
I noticed that the CDN links you are using are for Ignite UI v17.1, so you could replace them with these newer ones:
CSS links:
<link href="https://www.igniteui.com/igniteui/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> <link href="https://www.igniteui.com/igniteui/css/structure/infragistics.css" rel="stylesheet" />
Script links:
<script src="http://cdn-na.infragistics.com/igniteui/2017.2/latest/js/infragistics.core.js"></script> <script src="http://cdn-na.infragistics.com/igniteui/2017.2/latest/js/infragistics.lob.js"></script>
In case you still want to use the loader instead, please note that you have to change the ScriptPath and CssPath to match your file locations - that is the most likely reason you are getting the error message in the browser console.
If you need any additional assistance, feel free to contact me.
I have tried that but that wasnt working for me. Can I have a simple sample MVC application were we bind data from database. I am unable to figure our where the Issue is coming from. This is high priority or else I have to move on to another tool.
Requirement: MVC grid binding with group by and Multi column and editing of Grid. Thanks.
I will be waiting fro your reply
Here is a sample MVC project that I made for you - it has an igGrid control with the “GroupBy” and “Updating” features enabled, as well as the CDN links from my previous answer.
Please check the provided attachment:
SampleMVCApp.zip
Hello Vasil,
Thanks for your demo that helped me a lot in learning things with Ignitie UI. I have a quick question for your.
Do we have a option in Ignite UI where we can combine
1. Updating Grid
2. Group By
3. Collapsible Columns.
I have observed that we have two approaches for implementing Ignite Ui into MVC application .
1. Chaining
2. Grid Model.
If I see your samples in IgniteUI Grid updating or editing and group by are implemented in Grid model but Collapsible columns can only be implemented using Chaining model.
How do we implement Collapsible columns using grid model ? Please provide some references.
Here is the modified MVC sample - now it uses GridModel instead of Chaining and the igGrid has the same features. You could check it for a reference, but basically the syntax is very similar regardless of the approach chosen.
Please note that the columns you add to the multi column header group have to be declared BEFORE you add them with .Group.Add().
MvcApplication1Modified.zip