MVC3 WebGrid Пейджер Custmization

Question

Я делаю веб-приложение с помощью mvc3.In one my view iam, используя WebGrid. В элементе управления пейджером webgrid по умолчанию оно отображается только в нижнем колонтитуле webgrid. Так, как изменить положение пейджера с нижнего колонтитула на верхнюю часть веб-сетки, или как показать как пейджер, так и другое Сетка сверху и снизу. Пожалуйста, дайте представление об этом.

В функции «Уже готов» измените положение нижнего колонтитула, но один раз нажмите следующую кнопку, чтобы сбросить ее в исходное положение ..... Пожалуйста, дайте образец для этого

Спасибо и всего наилучшего Нарасимха

Answer 1

WebGrid.Pager() функция возвращает 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.