为什么 MVC3 webgrid 分页和排序不起作用？答案

【问题标题】：Why aren't MVC3 webgrid paging and sorting working?为什么 MVC3 webgrid 分页和排序不起作用？
【发布时间】：2011-11-04 03:19:38
【问题描述】：

我正在使用 MVC3 webgrid 来显示、排序和分页数据。显示很好，但是当我单击新页面或请求排序时，什么都没有发生。

这是我正在使用的代码：

      @if (Model.AdsList != null)
    {

    WebGrid adGrid = new WebGrid(Model.AdsList, rowsPerPage: 10, canSort: true, ajaxUpdateContainerId: "adsGrid");
    <div>
  @adGrid.Pager(WebGridPagerModes.NextPrevious);
            @adGrid.GetHtml(tableStyle: "webGrid",
                headerStyle: "header",
                alternatingRowStyle: "alt",
                htmlAttributes: new { id = "adsGrid", width = "100%" },
                columns: adGrid.Columns(
                                        //columns
        ));
    </div>
}

数据加载正确，但生成的链接均无效。我需要在controller 中进行分页和排序吗？

编辑：我得到这个页面是因为来自另一个页面的 post 操作。控制器中没有同名的 GET 操作。

代码如下所示在控制器中

 [HttpPost]
    public ActionResult Search(SearchModel model)
    {
            //some operation
           return view(model);
    }

我也想知道分页是如何工作的。每次单击下一页或排序链接时，webgrid 是否都会查询数据库？

【问题讨论】：

查看这篇关于在 webgrid 中排序的文章：weblogs.asp.net/andrebaltieri/archive/2010/11/02/…
把调试器放到你的控制器上，然后点击分页或者点击行标题。单击标题时调试器会触发吗？

标签： asp.net-mvc asp.net-mvc-3 webgrid

【解决方案1】：

var grid = new WebGrid(source: Model, rowsPerPage: 6,canPage: true, canSort: true, ); 

@grid.GetHtml(headerStyle: "gridtableheader", footerStyle: "paging",                  
columns:
 grid.Columns(
//Columns
),
mode: WebGridPagerModes.All)

//分页的不同模式

mode: WebGridPagerModes.FirstLast
mode: WebGridPagerModes.NextPrevious
mode: WebGridPagerModes.Numeric

希望这能解决你的问题

【讨论】：