MVC3 WebGrid寻呼机位置自定义

Question

我正在用mvc3开发web应用程序。在一个视图中，我使用WebGrid。在WebGrid寻呼机控件中，默认情况下，它只显示在WebGrid页脚上。那么，如何将页面导航器的位置从页脚更改为网络网格的顶部，或者如何在网络网格的顶端和底端同时显示页面导航器。请给出这个想法。

在Onready功能中，更改页脚位置，但一旦单击下一个按钮，它将重置为原始位置。。。。。请给这个一些样品

谢谢&当做Narasimha

Answer 1

WebGrid.Pager()函数返回Web网格的寻呼机的HTML代码。

通过这种方式，您可以从表格的顶部和底部获得两个寻呼机，

@{
    var grid = new WebGrid(Model, defaultSort:"Name");
}
@grid.Pager()
@grid.GetHtml(columns: grid.Columns(
    grid.Column("Name", format: @<text>@Html.ActionLink((string)item.Name, "Details", "Product", new {id=item.ProductId}, null)</text>),
    grid.Column("ListPrice", header: "List Price", format: @<text>@item.ListPrice.ToString("0.00")</text>)
    )
)

两个寻呼机协同工作。

如果要隐藏底部寻呼机，可以使用Jquery或Javascript选择并隐藏<tfoot>标记。