Kendo-Knockout: Как фильтровать и сортировать удаленный источник данных?

Я пытаюсь заставить KendoGrid и Knockout JS работать вместе. Пока все хорошо... за исключением того, что я не знаю, как заставить фильтрацию и сортировку работать с удаленным источником данных (я не хочу загружать все данные на стороне клиента, прежде чем смогу их отсортировать и отфильтровать .). Вот что у меня есть до сих пор:

РАЗМЕТКА

<div class="row">
    <div id="Grid" data-bind="kendoGrid: Records"></div>
</div>

JS

var PageVM = function (model) {
    model = model || {};
    var self = this;
    self.Id = ko.observable(model.Id || 0);
    self.Title = ko.observable(model.Title || '');
    self.Slug = ko.observable(model.Slug || '');
    self.MetaKeywords = ko.observable(model.MetaKeywords || '');
    self.MetaDescription = ko.observable(model.MetaDescription || '');
    self.IsEnabled = ko.observable(model.IsEnabled || false);
    self.BodyContent = ko.observable(model.BodyContent || '');
    self.CssClass = ko.observable(model.CssClass || '');
    self.CultureCode = ko.observable(model.CultureCode || '');
}

var ViewModel = function () {
    var self = this;
    self.Records = ko.observableArray([]);

    self.Refresh = function () {
        OData.read({
            requestUri: "/odata/cms/Pages"
        },
        function (data, response) {
            viewModel.Records([]);
            $.each(data.results, function () {
                var pageVM = new PageVM(this);
                viewModel.Records.push(pageVM);
            });
        },
        function (e) {
            alert(e.message);
        });
    };

    self.Edit = function () {
        alert("test");
    };

    ko.bindingHandlers.kendoGrid.options = {
        pageable: {
            refresh: true
        },
        scrollable: false,
        columns: [{
            field: "Title",
            title: "Title"
        }, {
            field: "Slug",
            title: "Slug"
        },{
            field: "IsEnabled",
            title: "IsEnabled"
        },{
            field: "Id",
            title: " ",
            template: '<a onclick="edit()" class="btn btn-default btn-sm">Edit</a> <a href="Delete/#=Id#" class="btn btn-danger btn-sm">Delete</a>'
        }]
    };
};

var viewModel;

$(document).ready(function () {
    viewModel = new ViewModel();
    viewModel.Refresh();
    ko.applyBindings(viewModel);
});

function edit() {
    alert("test");
}

Как видите, я использую OData. Что касается нокаутной привязки kendoGrid, то она взята отсюда: http://rniemeyer.github.io/knockout-kendo/web/Grid.html

Я предполагаю, что мне нужно сначала получить фильтры и сортировки из самого KendoGrid, а затем вручную добавить их в строку запроса odata. Мне также пришлось бы вручную сообщать Кендо общее количество страниц, чтобы он знал, сколько номеров страниц отображать в сетке.

Итак, я думаю, что знаю, что нужно сделать, но я не знаю, с чего начать (например, как мне получить/установить такие данные с помощью KendoGrid?).