Add igGrid to Index page | Infragistics Forums

Add igGrid to Index page

Na Oumi posted over 5 years ago

Hi everyone,

Please i want to add igGrid to my Index(cshtml) page (I work with Asp.Net MVC).

How can i do it? even if i'm following this example step by step but something is rong !!!

https://www.igniteui.com/help/iggrid-overview

thanks for any helpful informations.

485

Offline Vasil Pavlov posted over 5 years ago
Hello Na Oumi,

Thank you for posting in our forum.

This help topic provides a detailed explanation on how to use the Ignite UI MVC Helpers and configure the igGrid in an MVC application:

https://www.igniteui.com/help/iggrid-developing-asp-net-mvc-applications-with-iggrid

There are two possible syntax variations that could be used when declaring the igGrid in an MVC scenario:

A GridModel instance in the Controller of your application could define all the grid initialization options, and then be passed to the Helper;

The Chaining syntax could be used in case you want to declare the igGrid in the Index.cshtml file.

Both of these approaches would result in the same JavaScript output at the end.

Here is a code sample that declares a simple igGrid in the View by using the Chaining syntax:

GridSampleMVC.zip

If you need any additional assistance, feel free to contact me.
Cancel
Reply

Cancel
15

Offline Na Oumi posted over 5 years ago in reply to Vasil Pavlov

Thank you for your answer and your time,

I'm trying your example right now,

Thank you again.
Cancel
Reply

Cancel
485

Offline Vasil Pavlov posted over 5 years ago in reply to Na Oumi

Hello Na Oumi,

I am glad that you find my answer helpful.

Feel free to contact me if you have any additional questions regarding this matter.
Cancel
Reply

Cancel
15

Offline Na Oumi posted over 5 years ago in reply to Vasil Pavlov

Hello Vasil Pavlov,

Please when i was trying this example :

https://www.igniteui.com/help/iggrid-developing-asp-net-mvc-applications-with-iggrid

Those are the steps I followed :

1-- I installed the package 'infragistics.Web.Mvc' from

'Manage NuGet packages'

2-- Referencing infragistics.Web.Mvc.dll

3-- Referencing Styles and Scripts in my Index page

4-- Creating Model,(Person Class)

5-- Creating Model (PersonRepositiory (List of person))

6-- Creating GridModelController

7-- Add this code to my Index page

<table id="Grid1"></table>

<script type="text/javascript">

$(function () {

........

}

</script>

But it dosen't work --> Error

Knowing that the .Net Framework ' s version I used is : 4.6.1

Thank you for your help.
Cancel
Reply

Cancel
485

Offline Vasil Pavlov posted over 5 years ago in reply to Na Oumi

Hello Na Oumi,

What kind of error message do you get when trying to run the code?

If possible, please provide the error stack-trace and the grid initialization configuration, or the whole sample?

Also, did you try running the MVC sample I sent you? It has an igGrid with a simple configuration for demonstration purposes.

If you need any additional assistance, feel free to contact me.
Cancel
Reply

Cancel