Question

Js Grid外部寻呼机不起作用。

我尝试过使用Aspo.net Mvc，后端是sql server

这是我的寻呼机配置

pageLoading: true,
            paging: true,
            pageSize: 15,
            pageButtonCount: 5,
            pagerContainer: "#externalPager",
            //pagerFormat: "current page: {pageIndex} &nbsp;&nbsp; {first} {prev} {pages} {next} {last} &nbsp;&nbsp; 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();
                    }

我的Dom

<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>

寻呼机未加载。我正在使用外部寻呼机。我使用的与给出的示例完全相同。但是寻呼机似乎没有加载。我错过了什么吗？感谢您的帮助

Answer 1

您是否要领导至少一个“完整”页面？如果页面不超过一页，那么您将不会得到一页。另外，如果您不返回结果总数，那么它也将不会添加分页器。

您必须以以下格式返回数据，寻呼机才能正常工作并正确加载数据。

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

它几乎没有在文档中，因为它是内联的，不是很明显。（大胆的。）

loadData是一个返回数据数组或jQuery Promise的函数，该函数将使用数据数组进行解析（当pageLoading为true而不是对象结构 {data：[items]，itemsCount：[total total count ]} ）。
时接受过滤器参数，包括当前过滤器选项和分页参数

http://js-grid.com/docs/#controller

Js Grid Pager无法加载

1 个答案: