asp.net-mvc-3 - MVC3 WebGrid分页隐藏一定数量页面的下一个和上一个链接

Question

我正在开发 MVC3 网站并在其中使用 mvc3 webgrid 控件。

我遇到的问题是当页面大小为 5 或更少时隐藏分页的上一页和下一页的>和<链接，否则它会正常显示。

@{
var grid = new WebGrid(source: Model, defaultSort: "FirstName", rowsPerPage: 5,
canPage:true, canSort: true);
 }

@grid.GetHtml(tableStyle: "grid", headerStyle: "table-heading",
              footerStyle: "pager",
              alternatingRowStyle: "gird-second-row",
              selectedRowStyle: "gird-first-row",
              rowStyle: "gird-first-row", columns: new[] {
      grid.Column("Title", header: "FirstName")
})

有什么帮助吗？

Answer 1

由于 WebGrid 帮助程序不允许您向这些链接添加特殊类，因此您可以使用 jQuery 来显示/隐藏它们。例如，您可以在视图中的网格声明之后放置以下脚本：

<script type="text/javascript">
    var pager = @Html.Raw(Json.Encode(new { index = grid.PageIndex, count = grid.PageCount }))
    if (pager.count < 6 && (pager.index >= 1 || pager.index <= pager.count)) {
        $('.pager td :first-child').filter(function() { return $(this).text() === '<'; }).hide();
        $('.pager td :last-child').filter(function() { return $(this).text() === '>'; }).hide();
    }
</script>