网格排序不工作MVC 3剃须刀 [英] web grid sorting not working mvc 3 razor

问题描述

我使用MVC 3剃须刀和我使用下面的Web表格显示的一些数据，

什么，我需要整理我的第一列。我已经使用类似code上的其他网页也为我的排序，它工作正常，但在这里它似乎没有工作。

但是，如果我去到下一个页面说的第2页，现在我点击排序，它是按升序进行排序，然后再同样的问题。

 ＆LT; D​​IV ID =网格＆GT;
        @ {
            //添加ajaxContainerId
            VAR listgrid =新的WebGrid（来源：Model.ABC，rowsPerPage：2，ajaxUpdateContainerId：网格）;            @ listgrid.GetHtml（                列：listgrid.Columns（
                listgrid.Column（COLNAME，格式为：@＆LT;文本＆GT;＆LT; A HREF =JavaScript的：ShowData（@ item.ColName）;＆GT; @ item.Name＆LT; / A＆GT;＆LT; /文本＆gt;中canSort：真正），
                listgrid.Column（NULL，删除，（项目）=＆GT; MvcHtmlString.Create（的String.Format（＆LT; A HREF ='DeleteList / {0}＆GT;删除＆LT; / A＆gt;中，@ item.Name ））），
                                 ））
        }
    ＆LT; / DIV＆GT;
 

解决方案

全部文章在：<一href=\"http://yassershaikh.com/mvc-3-web-grid-sorting-not-working/\">http://yassershaikh.com/mvc-3-web-grid-sorting-not-working/

使用COLUMNNAME属性的帮助，我用错了列名，因为它的排序是行不通的。

下面是code我现在使用

 ＆LT; D​​IV ID =网格＆GT;
    @ {
        //添加ajaxContainerId
        VAR listgrid =新的WebGrid（来源：Model.ABC，rowsPerPage：2，ajaxUpdateContainerId：网格）;        @ listgrid.GetHtml（            列：listgrid.Columns（
            listgrid.Column（头：COLNAME，COLUMNNAME =DbColName，格式为：@＆LT;文本＆GT;＆LT; A HREF =JavaScript的：ShowData（@ item.ColName）;＆GT; @ item.Name＆LT; / A＆GT; ＆LT; /文本＆gt;中canSort：真）
            listgrid.Column（NULL，删除，（项目）=＆GT; MvcHtmlString.Create（的String.Format（＆LT; A HREF ='DeleteList / {0}＆GT;删除＆LT; / A＆gt;中，@ item.Name ））），
                             ））
    }
＆LT; / DIV＆GT;
 

希望这可以帮助别人的未来呢！

I am using MVC 3 with Razor and I am using the below web grid to show some data,

What I need sorting on my first column. I have used similar code on other pages too for my sorting and it works fine, but here it doesnt seem to work.

However if I go to the next page say page 2 and now I click sort, it is sorted ascending and then again same problem.

<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>

解决方案

Full article at : http://yassershaikh.com/mvc-3-web-grid-sorting-not-working/

using the columnName attribute helped, I was using the wrong column name, because of which the sorting was not working

Here is the code I am using now

 <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>

Hope this helps someone in future too!

这篇关于网格排序不工作MVC 3剃须刀的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！