Bootstrap Table - 向服务器发送用户可以在视图中看到的变量请求（可见记录）

Question

我正在使用 Bootstrap table 并且我有数据分页="true"。我还通过单击更新 link 来更新我的 table，我的服务器端收集更新后的值并将其发送给客户端进行显示。让我们假设我有 48 行，所以我有 5 页。我想做的是仅向服务器发送变量（在 table 的部分 - 例如，第一页有 10 行 - 用户可以看到 - 可见记录）而不是所有行上的所有变量（其中 48 个）。我该怎么办？

HTML:

<td class = "resvpt">{{ valpt[count] }}</td>

Java 脚本：

$(function() {
    $('#retrieve').bind('click', function() {
        //console.log($SCRIPT_ROOT);
        $.getJSON($SCRIPT_ROOT + '/scf', function(data) {
            var y = document.getElementsByClassName("resvpt");
            var i;
            for (i=0; i < x.length; i++) {
                y[i].innerHTML = data.valpt[i];
            }
        });
    });
});

Answer 1

我只会加载可见记录。当用户移动到下一页时，使用 AJAX 获取这些记录。

这将需要在服务器端实施 PageSize 和 PageNumber 过滤器。

DataTables.net jQuery 插件可以使这变得非常简单，并且还可以利用 bootstrap。

Answer 2

'getData'方法会在调用该方法的瞬间获取table加载的数据。如果将 useCurrentPage 设置为 true，该方法将 return 当前页面中的数据。

var objectInfo = [];    
objectInfo = $('#table').bootstrapTable('getData', 'useCurrentPage');

Bootstrap Table - 向服务器发送用户可以在视图中看到的变量请求（可见记录）

Bootstrap Table - Send request to server for variables that the user can see in the view (visible records)

jquery

jinja2

twitter-bootstrap