Пользовательский пейджер в сетке MVC Telerik

Question

Могу ли я настроить внешний вид пейджера Grid? Я хочу выбрать размер страницы из списка (например, Redmine, см. Блок «На страницу»), а не из раскрывающегося списка.

Это пейджер Standart Telerik в:

Это пейджер Экспортировать в:

Спасибо.

PS для сетки экземпляра DevExpress' имеет этот ability

Answer 1

Вы могли бы заменить DOM элемент, который отвечает за размер страницы. Вам нужно сделать это, когда сетка загружена.

Посмотреть

@Html.Telerik().Grid(Model) 
    .Name("Grid") 
    .ClientEvents(events => events.OnLoad("Grid_onLoad")) 

JavaScript

function Grid_onLoad(e) 
{ 
    var html = { place your favorite template engine here } 
    $('#YourGridId').find('.t-page-size').html(html); 
    // bind 'click' event to your new control 
} 

Теперь проблема заключается в том, что вам нужно связать собственное событие изменения размера страницы и сказать новый размер страницы для Telerik сетка.

Вы можете предоставить дополнительные параметры для действия контроллера, которое предоставляет данные вашему контроллеру. В документации содержится example, как добавить дополнительные данные в ваш запрос.

<script type="text/javascript"> 
function Grid_onDataBinding(e) { 

    // pass additional values by setting the "data" field of the event argument 
    e.data = { 
     pageSize: // TODO: provide selected page size from your new control 
    }; 
} 
</script> 

В действии контроллера на стороне сервера должен автоматически сопоставить ваш pageSize с параметром действия.

Надеюсь, это поможет, сообщите мне, если вам нужна дополнительная информация.