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>