MVC3 WebGrid寻呼机位置定制

Question

Iam使用mvc3开发Web应用程序.在我的视图中使用WebGrid.In默认情况下,它在webgrid页脚控件上显示仅在webgrid页脚上显示.如何将页脚位置从页脚更改为webgrid顶部或者如何显示页面框webgrid顶部和bottom.Please给出这个想法.

在Onready功能中更改页脚位置但是一旦点击下一个按钮就会重置到原始位置.....请为此提供一些示例

谢谢和问候Narasimha

Answer 1

WebGrid.Pager() function返回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 选择和隐藏标记.