Telerik MVC Grid 中的自定义寻呼机

Question

我可以自定义 Grid 寻呼机的外观吗？我想从列表中选择页面大小（如Redmine，请参阅“每页”块）而不是从下拉列表中选择。

这是标准 Telerik 的寻呼机：

这是 Redmine 的寻呼机：

谢谢。

PS 例如 Devexpress 的 Grid 具有这种能力

Answer 1

您可以替换负责页面大小的 DOM 元素。您需要在加载网格时执行此操作。

View

@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 网格新的页面大小。

您可以向向控制器提供数据的控制器操作提供附加参数。有一个 文档中的示例如何向您的请求添加附加数据。

<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 映射到操作参数。

我希望这有帮助，如果您需要更多信息，请告诉我。