Using MVC Grid In MVC Application

As you can see I am creating an instance of my model Test, now we will create our model class. Shall we?

Create Model

I have created a model class with the name Test. Here, I am creating some data dynamically using a for loop and assign those values to a list. Please see the codes below.
As you can see I am creating a list of type Customer. Is that fine? Now what is pending? Yes, a view.

Create a strongly typed view

Now we are going to create a strongly typed view.



When you create a view as strongly typed view, your view header will be as follows. @model List,

So our view is ready, now we can do some codes in our view to populate our grid. Are you ready? First thing is you need to include the needed references to our view, you can do this in the file called Layout.cshtml. Here I am going to add those references directly to the view.
Add the grid namespace

You can add the grid namespace as follows.

@using GridMvc.Html

Next thing is to add grid implementation.

MVC Grid Implementation

To add a MVC grid as our requirement, you need to add the codes as below.
As you can see we are using the columns Customer.CustomerID and Customer.CustomerCode.

Output



You can always see the additional options here .

Conclusion

Did I miss anything that you may think which is needed? Could you find this post as useful? I hope you liked this article. Please share me your valuable suggestions and feedback.

Your turn. What do you think?

A blog isn’t a blog without comments, but do try to stay on topic. If you have a question unrelated to this post, you’re better off posting it on C# Corner, Code Project, Stack Overflow, Asp.Net Forum instead of commenting here. Tweet or email me a link to your question there and I’ll definitely try to help if I can.

Please see this article in my blog here.