【问题标题】:webgrid sort not workingwebgrid排序不起作用
【发布时间】:2013-07-26 18:56:12
【问题描述】:

我正在使用 webgrid 来显示我的数据库中的数据。问题是排序选项不起作用 这是我的 webgrid 代码

@{
    var grid = new WebGrid(Model, canPage:true ,canSort:true, rowsPerPage :4);
    grid.Pager(WebGridPagerModes.NextPrevious);
        @grid.GetHtml(tableStyle: "webGrid", htmlAttributes: new { id = "datatable" },
        headerStyle: "webgrid-header",

        selectedRowStyle : "webgrid-selected-row",
        footerStyle : "webgrid-footer",
                 rowStyle: "webgrid-row-style",
                 alternatingRowStyle: "webgrid-alternating-row",
        columns: grid.Columns(
     grid.Column(header: "", format:  (item) =>

                    Html.ActionLink("Détails", "Details", new { id = item.id_client }, new { @class = "details" }), style: "actions"),

           grid.Column(header: "", format:  (item) => Html.ActionLink("Modifier", "Edit", new { id = item.id_client }, new { @class = "modifier" }),style : "actions"),

                    grid.Column(header: "", format: (item) => Html.ActionLink("Supprimer", "Delete", new { id = item.id_client }, new { @class = "supprimer" }), style: "actions"),

                    grid.Column("Nom",canSort: true),
                    grid.Column("Prenom", "Prénom",canSort:true),
        grid.Column("Email")));


                        }

【问题讨论】:

  • 好的,排序不适用于特定列或所有列?另请参阅this link 可能会对您有所帮助
  • 是的,它只适用于某些列(它适用于 int 列和字符串列,但不是全部)
  • 我认为问题出在网格包含多个页面时
  • 谢谢你,这正是我想要的:)
  • 太棒了!发布您的问题的答案,以供其他人将来参考。干杯!

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


【解决方案1】:

您可以尝试为您的 webgrid 添加名称列列表,例如:

var grid = new WebGrid(canPage:true ,canSort:true, rowsPerPage :4);

grid.Bind(Model,columnNames: new[] { "Nom", "Prenom"}); //adding names of columns

grid.Pager(WebGridPagerModes.NextPrevious);
@grid.GetHtml(...

有时网络网格无法理解如何将模型与列绑定。

【讨论】:

  • 嗨,詹姆斯,在我的 webgrid 中有 7000 条记录。我使用 webgrid.in 这个 actionlink 列排序不起作用。
【解决方案2】:

是的,詹姆斯的回答对我有用。排序链接适用于某些列而不适用于其他列,添加 columnNames: 使其正常工作。 史蒂夫

【讨论】:

  • 嗨。我在我的应用程序中使用了 webgrid。在此操作链接列排序功能不起作用。谁能帮帮我。
猜你喜欢
  • 2012-09-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-10
  • 1970-01-01
  • 2018-10-19
  • 2023-03-22
  • 1970-01-01
相关资源
最近更新 更多