Create GridView in asp.net MVC3.0

2020-02-19 08:30发布

问题:

Is it possible to create grid in asp.net MVc3.0. The gridview that is used in asp.net similar to that if yes then please let me know how to create a simple grid in asp.net mvc3.0 I m using sql server Database to fetch data, that has to be filled in grid. Thanks.

回答1:

There are different possibilities:

Server side grids:

  • The built-in WebGrid helper
  • MvcContrib Grid
  • Telerik Grid

Client-Side grids:

  • jqGrid
  • YUI DataTable

and many others...



回答2:

You can use WebGrid in MVC3. This is new in MVC3. Use this code in your View.

@model IList<YourViewModel>
@{
    ViewBag.Title = "Amend Absence";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@{
    var grid = new WebGrid(source: Model, rowsPerPage: 200, 
    canPage: false, canSort: true, defaultSort: "Absentee");
 }
<p>
    <h2>Absentee List</h2>
        <div id="grid">
            @grid.GetHtml(
                tableStyle: "grid",
                headerStyle: "head",
                alternatingRowStyle: "alt",
                columns: grid.Columns(
                grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", 
                new { id =   item.Id     })), 
                grid.Column("Absentee", "Absentee",canSort:true),
                grid.Column("AbsStart", "AbsStartDate")
            ))
      </div>
  </p>


回答3:

See the excellent Get the Most Out of WebGrid in ASP.NET MVC



回答4:

You need to create it using TABLE / TR / TD tags.

Here is few links which may help you

  1. mvc gridview with code
  2. http://www.schnieds.com/2010/01/gridview-in-aspnet-mvc.html