Bootstrap表设置服务器的总行数

我使用引导表来呈现我的数据。我使用服务器的dataSide分页。有我的表头HTML代码Bootstrap表设置服务器的总行数

<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请求到我的服务器与关于分页，排序等信息它的工作原理。服务器返回带有数据的响应（仅包含可见记录）以及有关所有行数量的信息。

有我的JS代码，Ajax成功后。我设置的总行，但引导从表头取值（修改之前，比如我从服务器totalRows = 7点，但引导使用的数据总排等于50）

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

什么我错了吗？我无法找到任何具有良好范例的tutarial。

来源

2015-02-11 Jacek

我不明白”你的评论。服务器返回JSON对象，其中包含加载到表的数据。 – Jacek 2015-02-11 15:08:57

你能告诉你如何初始化'bootstrapTable'吗？ – 2015-02-11 15:39:16

我会选择使用数据绑定库 - 挖空，角度，烬 – 2015-02-11 16:26:14

我决心通过加我一个AJAX网址这个问题attibiute“数据链接”

<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-12 12:11:39 Jacek

您可能需要在您的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-11 15:10:53 isherwood

Bootstrap表设置服务器的总行数

回答

相关问题