【问题标题】:Js Grid Pager does not loadJs Grid Pager 不加载
【发布时间】:2019-09-12 08:01:28
【问题描述】:

Js Grid 外部寻呼机不工作。

我尝试过使用 Aspo.net Mvc,后端是 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>

寻呼机未加载。我正在使用外部寻呼机。我使用的和给定的样本完全相同。但是寻呼机似乎没有加载。我错过了什么吗。任何帮助表示赞赏

【问题讨论】:

    标签: javascript jquery jsgrid


    【解决方案1】:

    您是否尝试引导至少一个“完整”页面?如果不超过一页,您将不会获得一页。另外,如果你不返回结果的总数,它也不会知道添加一个寻呼机。

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

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

    它几乎不在文档中,因为它是内联的并且不是很明显。 (加粗我的。)

    loadData 是一个返回数据数组或 jQuery 承诺的函数,该函数将使用数据数组解析(当 pageLoading 为真而不是对象时,结构 { data: [items], itemsCount: [total items count ] } 应该返回)。

    时接受过滤参数,包括当前过滤选项和分页参数

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

    【讨论】:

      【解决方案2】:

      在我使用 nbrdeclar 的情况下添加带有 ID 的新 div,它会起作用

      success: function (response) {
                      $("#nbrdeclar").text("Nombre de déclarations :"+response.length);
                  }

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2011-04-25
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-06-10
        • 1970-01-01
        • 2017-06-07
        相关资源
        最近更新 更多