Displaying a Grid of Data in ASP.NET MVC

EDN Admin

Well-known member
Joined
Aug 7, 2010
Messages
12,794
Location
In the Machine
One of the most common tasks we face as a web developers is displaying data in a grid. In its simplest incarnation, a grid merely displays information about a set of
records - the orders placed by a particular customer, perhaps; however, most grids offer features like sorting, paging, and filtering to present the data in a more useful
and readable manner.

In ASP.NET WebForms the http://msdn.microsoft.com/en-us/library/aa479339.aspx GridView control offers a quick and easy way to display
a set of records in a grid, and offers features like sorting, paging, editing, and deleting with just a little extra work. On page load, the GridView automatically
renders as an HTML
Code:
<table>
element, freeing you from having to write any markup and letting you focus instead on retrieving and binding the data
to display to the GridView. In an http://www.asp.net/mvc ASP.NET MVC application , however, developers are on the hook for generating the markup rendered
by each view. This task can be a bit daunting for developers new to ASP.NET MVC, especially those who have a background in WebForms.

This is the first in a series of articles that explore how to display grids in an ASP.NET MVC application. This installment starts with a walk through of creating the
ASP.NET MVC application and data access code used throughout this series. Next, it shows how to display a set of records in a simple grid. Future installments examine
how to create richer grids that include sorting, paging, filtering, and client-side enhancements. Well also look at pre-built grid solutions, like the Grid component
in the http://mvccontrib.codeplex.com/ MvcContrib project and JavaScript-based grids like http://www.trirand.com/blog/ jqGrid . But first
things first - lets create an ASP.NET MVC application and see how to display database records in a web page.

Read on to learn more!

http://www.4guysfromrolla.com/articles/121510-1.aspx" class="readmore Read More >

View the full article
 
Back
Top