Js Grid Pager не загружается - PullRequest
Новая
       6

Js Grid Pager не загружается

0 голосов
/ 23 апреля 2019

Js Grid Внешний пейджер не работает.

Я пытался работать с Aspo.net Mvc, Back end - sql server

Это моя конфигурация пейджера 

pageLoading: true,
            paging: true,
            pageSize: 15,
            pageButtonCount: 5,
            pagerContainer: "#externalPager",
            //pagerFormat: "current page: {pageIndex}    {first} {prev} {pages} {next} {last}    total pages: {pageCount}",
            pagePrevText: "<",
            pageNextText: ">",
            pageFirstText: "<<",
            pageLastText: ">>",
            pageNavigatorNextText: "&#8230;",
            pageNavigatorPrevText: "&#8230;",

Мой контроллер возвращает 

controller: {
                    loadData: function (filter) {
                        var d = $j.Deferred();

                        $j.ajax({
                            type: "POST",
                            url: '@Url.Action("LoadData", "User")',
                            data:filter,
                            dataType: "json",
                            success: function (response) {
                                var da = {
                                    data: response.response,
                                    itemsCount: response.response.length
                                }

                                d.resolve(da);
                            }

                        })
                            //.done(function (response) {
                            //console.log("response", response.response.length)
                            //var da = {
                            //    data: response.response,
                            //    itemsCount: response.response.length
                            //}
                            //console.log("da", da)
                            //d.resolve(da);
                        //});

                        return d.promise();
                    }

Мой дом 

<div id="grid"></div>
<div id="externalPager" class="external-pager"></div>

Мой Css 

<style>
    .external-pager {
        margin: 10px 0;
    }

        .external-pager .jsgrid-pager-current-page {
            background: #c4e2ff;
            color: #fff;
        }
</style>

Пейджер не загружается.Я использую внешний пейджер.Я использовал точно так же, как образец.Но пейджер вроде не загружается.Я что-то упускаю?Любая помощь приветствуется

1 Ответ

0 голосов
/ 17 мая 2019

Пытаетесь ли вы привести хотя бы одну "полную" страницу? Если не более одной страницы, вы не получите страницу. Кроме того, если вы не вернете общее количество результатов, он также не узнает, как добавить пейджер.

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

{ 
  data: [{your list here}],
  itemsCount: {int}
}

Это едва ли в документации, так как встроено и не очень очевидно. (Болдинг мой.)

loadData - это функция, возвращающая массив данных или обещание jQuery, которое будет разрешено с массивом данных (когда pageLoading имеет значение true вместо объекта структуры {data: [items], itemsCount: [общее количество элементов] ]} должен быть возвращен). Принимает параметр фильтра, включая текущие параметры фильтра и параметры подкачки, когда

http://js -grid.com / Docs / # контроллер

...