asp.net-mvc-3 - MVC3 WebGrid 寻呼机位置自定义

Question

Iam devloping web application with mvc3.In one view iam using WebGrid.In webgrid pager control by default it showing on webgrid footer only.So how to change pager position from footer to top of webgrid 或者如何同时显示寻呼机webgrid 顶部和底部。请给出想法。

在 Onready 函数中更改页脚位置，但一旦单击下一步按钮，它就会重置为原始位置......请为此提供一些示例

谢谢和问候纳拉西姆哈

Answer 1

WebGrid.Pager()函数返回 webgrid 寻呼机的 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>)
    )
)

两个寻呼机一起工作。

如果你想隐藏底部分页器，你可以选择并隐藏<tfoot>使用 Jquery 或 Javascript 标记。