1

我使用引导表来展示我的数据。我通过服务器使用 dataSide 分页。有我的表头 HTML 代码

<table id="shipmentsListTable" class="table table-striped"
 data-toggle="table"
 data-cache="false" data-search="true"
 data-side-pagination="server"
 data-total-rows="50"
 data-sort-name="CreatedDate"
 data-sort-order="desc"
 data-pagination="true"
 data-page-size="10"
 data-page-number="1">

我向我的服务器发送 AJAX 请求，其中包含有关分页、排序等的信息。它可以工作。服务器返回带有数据的响应（仅包含可见记录）和有关所有行数量的信息。

ajax成功后有我的JS代码。我设置了总行数，但引导程序从表头获取值（在更改之前，例如我从服务器 totalRows = 7 获取，但引导程序使用数据总计行等于 50）

        $("#shipmentsListTable").attr("data-total-rows", shipmentsListJson.TotalCount);
        $("#shipmentsListTable").bootstrapTable("load", shipmentsListJson.Rows);

我错了什么？我找不到任何有好例子的教程。

4

2 回答 2

2

我通过将我的 ajax url 添加到 attibiute “data-url”来解决这个问题

<table id="shipmentsListTable" class="table table-striped"
 data-toggle="table"
 data-cache="false" data-search="true"
 data-side-pagination="server"
 data-total-rows="50"
 data-url='myPage/....'
于 2015-02-12T12:11:39.207 回答
0

您可能需要在 ajax 成功回调中生成表节点。像这样的东西：

<div id="tableTarget"></div>

$.ajax(function () {...
}).success(function () {
    var rows = shipmentsListJson.Rows;
    $('#tableTarget').html('<table id="shipmentsListTable" class="table table-striped"
                           data-toggle="table"
                           data-cache="false" data-search="true"
                           data-side-pagination="server"
                           data-total-rows="' + rows + '"
                           data-sort-name="CreatedDate"
                           data-sort-order="desc"
                           data-pagination="true"
                           data-page-size="10"
                           data-page-number="1">');
});
于 2015-02-11T15:10:53.780 回答