当前位置 : 主页 > 网页制作 > JQuery >

jquery – 可以在slickgrid页面显示json

来源:互联网 收集:自由互联 发布时间:2021-06-15
我们希望在请求页面时向客户端加载数千条记录,并显示前25条记录.然后,用户应该能够翻阅记录或按列访问列表或按各列中的数据过滤.我们选择一次性将数据加载到客户端,因为我们宁愿
我们希望在请求页面时向客户端加载数千条记录,并显示前25条记录.然后,用户应该能够翻阅记录或按列访问列表或按各列中的数据过滤.我们选择一次性将数据加载到客户端,因为我们宁愿在页面请求中加载更多的负载,并且在查看或编辑数据之后会更快地执行.我在SlickGrid站点上看不到任何分页示例. SlickGrid是否有内置分页或者它是如此轻量级我自己必须实现它?有没有人有任何链接或示例可以分享,这会给我一个开端?

我们将使用的数据将是json数据.

我已经用slickgrid编写了大约一个星期的代码,发现我必须自己编写排序和过滤代码.通过源代码查看,我没有看到任何表明内置分页的内容.您将花费大量时间为其编写代码,但这似乎是值得的.

我使用ajax / json加载了30,000行数据,并在不到1秒的时间内加载和排序.我不知道它是否会有任何帮助,但这是我调用加载网格的方法.它在客户端上排序并在服务器上进行过滤:

$.getJSON(baseUrl + '/_GetNewHires?filter=' + filter, function (data) {
    grid = new Slick.Grid($("#NewHiresGrid"), data, columns, options);

    grid.onSort = function (sortCol, sortAsc) {
        sortdir = sortAsc ? 1 : -1;
        sortcol = sortCol.field;

        if (sortAsc == true)
            data.sort(compare);
        else
            data.reverse(compare);

        grid.render();
    };
});

调用sort方法时,重新排列绑定到网格(数据)的数组,然后使用.render()方法重新加载网格.要进行分页,您必须拥有所有数据的数组和显示数据的数组.

他确实有一个分页here的例子,但作为我的业余爱好者,我很难跟上.

网友评论