网络网格排序不起作用 mvc 3 razor答案

【问题标题】：web grid sorting not working mvc 3 razor网络网格排序不起作用 mvc 3 razor
【发布时间】：2012-03-29 07:47:32
【问题描述】：

我正在使用带有 Razor 的 MVC 3，并且我正在使用下面的 Web 网格来显示一些数据，

我需要对我的第一列进行排序。我在其他页面上也使用了类似的代码进行排序，它工作正常，但在这里它似乎不起作用。

但是，如果我转到下一页说第 2 页，现在我点击排序，它会按升序排序，然后再次出现同样的问题。

<div id="grid">
        @{
            // added ajaxContainerId
            var listgrid = new WebGrid(source: Model.ABC, rowsPerPage: 2, ajaxUpdateContainerId: "grid");

            @listgrid.GetHtml(                

                columns: listgrid.Columns(
                listgrid.Column("ColName", format: @<text><a href="javascript:ShowData(@item.ColName);">@item.Name</a></text>, canSort:true),
                listgrid.Column(null, "Delete", (item) => MvcHtmlString.Create(string.Format("<a href='DeleteList/{0}'>Delete</a>", @item.Name))),                    
                                 ))
        }
    </div>

【问题讨论】：

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

【解决方案1】：

全文在：http://yassershaikh.com/mvc-3-web-grid-sorting-not-working/

使用 columnName 属性有帮助，我使用了错误的列名，因此排序不起作用

这是我现在使用的代码

 <div id="grid">
    @{
        // added ajaxContainerId
        var listgrid = new WebGrid(source: Model.ABC, rowsPerPage: 2, ajaxUpdateContainerId: "grid");

        @listgrid.GetHtml(                

            columns: listgrid.Columns(
            listgrid.Column(header:"ColName", columnName="DbColName", format: @<text><a href="javascript:ShowData(@item.ColName);">@item.Name</a></text>, canSort:true),
            listgrid.Column(null, "Delete", (item) => MvcHtmlString.Create(string.Format("<a href='DeleteList/{0}'>Delete</a>", @item.Name))),                    
                             ))
    }
</div>

希望这对未来的人也有帮助！

【讨论】：