MVC grid with sorting, paging and searching - asp.net-mvc

Does anyone know any article or tutorial how to create nice grid for mvc with functions like columns sorting, paging and searching for items inside the grid?

Sorting, Filtering, and Paging with the Entity Framework in an ASP.NET MVC Application

Now the best option is Grid.MVC . which you can download from Nuget.
Website :https://gridmvc.codeplex.com/
Demo :http://gridmvc.azurewebsites.net/
Tutorial :http://www.codeproject.com/Tips/597253/Using-the-Grid-MVC-in-ASP-NET-MVC

Related

Knockoutjs Editable Grid

Are there any samples or examples of standard Grids/tables created by Knockoutjs that are sortable on their columns and editable on a row level.
That is the rows are a normal table until you click and then you can edit them and save them back to the server using Ajax? Is there any examples of integrating Knockout with for example a JQuery UI editable grid like Wijmo grid or any other. I guess any JS grid that takes JSON could work?
I have a requirement to implement an editable table and would rather use Knockoutjs. Especially with Upshot.js and MVC4 on the way.
Thanks
KoGrid is a pretty good option.
It allows you to define cell and row templates where you can do exactly what you're saying. There is some documentation on the wiki
There are also various Knockout addons for datatables discussion here http://datatables.net/forums/discussion/4969/knockoutjs/p1 and the implementation here http://www.joshbuckley.co.uk/2011/07/knockout-js-datatable-bindings/
Wijmo recently added support for Knockout in v2.1 of their framework a example can be seen here http://wijmo.com/grid-with-knockout-viewmodel-loading-remote-data/
Also Kendo UI can easily integrate with Knockout
New version of datatables 1.10 is going to have support

About using the mvccontrib grid in asp.net mvc 2

I have a data source as a DataTable [this will have a varying columns]. I want to bind this datatable to the mvc contrib's Grid in asp.net MVC2. I donot have a fixed model that can explain my data.
Is it possible to do this in MVC Contrib Grid?.
Details are available here also in CodePlex
Here is Reply from Jeremy, regarding use of MVCContrib Grid in ASP.NET MVC 2.0
It is only designed to work with strongly-typed objects with a fixed
number of columns - not dynamic objects and not datatables.
This post is closed

ASP.Net MVC 3 Grids

I see that there is the Telerik Grid, jqGrid and WebHelper WebGrid as part of the framework. Am I missing any others?
Which one works best on a commercial application with thousands of rows and master/detail relationships for ASP.Net MVC 3?
I have used the Telerik MVC grid in production. Take a look at the grid at an online Diamond store. It works the same with even 50k+ rows as it only sends the current page to the browser + it has many cool features like Filters, Ajax binding etc.
No idea on the master details front. You could find more info about it on Telerik's Site
there is also grid supplied by mvccontrib. I personally use telerik grid having some cool features and scale for large data Q3 2010 has some good improvements such as inline editing etc. For MVC 3 grid i am waiting for rtm of mvc 3 coming in January
If you're using Telerik for a commercial project, then you will need to buy it. Check this link: http://www.telerik.com/products/aspnet-mvc/getting-started/licensing.aspx.
We're using the jQuery in our project, so the jqGrid is most suitable for us. It's powerfull, has a lot of plugins and completely free, but little bit more complicated in use than Telerik.
jqGrid usage example:
[view]
http://xenta.codeplex.com/SourceControl/changeset/view/11214#118453
[controller]
http://xenta.codeplex.com/SourceControl/changeset/view/11214#118416

Good example / tutorial of adding and editing a data row in a lightbox using ASP.NET MVC?

Im looking for a good example or tutorial which demonstrates adding and editing a data row (presented in a HTML Table) in a light box using ASP.NET MVC?
Many thanks
This should get you started: Simple ASP.NET MVC CRUD views opening/closing in JavaScript UI dialog

mvc gridview with code

how to get a gridview in model view control,how to edit,delete the gridview with source code
Telerik has a great grid that's free (open source) for MVC. You can view it here, and the download is on their web site.
http://demos.telerik.com/aspnet-mvc/grid
You don't have access to ASP.NET controls in ASP.NET MVC, well not with the postback and viewstate stuff atleast.
However, you can create a nice GridView with ajax edit/delete capabilities by using something like jqGrid and a little code. Here are a couple of blog posts to get you started :
Full Walkthrough of MvcContrib Grid with jQuery Data table
Using jQuery Grid With ASP.NET MVC
Hope that helps
Paginated List
Divides IQueryable source of any type on pages and returns items for current page. Useful for creating custom gridviews and pagers in C#, ASP.NET WebForms or MVC. Althought this code is used for pagnition, there is example on how to create Gridview with paging. Shouldn't be too hard to create CRUD actions from it.

Resources