Bootstrap表更新内容不起作用

时间:2015-01-18 20:28:53

标签: jquery twitter-bootstrap

我正在使用wenzhinxin的引导程序表,但无法更新表格内容。

我有两张桌子。一个显示所有员工,另一个显示所选员工的报告。

单击第一个表中的员工时,我调用此代码来更新第二个表的数据:

$('#report-table').bootstrapTable('showLoading');

$.ajax({
 type : "POST",
 url : "getReportsForEmployee.php",
 data : "id=" + row['id'],
 dataType:"json",
 success : function(data) 
 {
  $('#report-table').bootstrapTable('hideLoading');
  $('#notification').hide();
  $('#report-table').bootstrapTable({
   data: data
  });
 }

第一次点击员工时,报告会正确加载到我的第二个表中,但第二次点击员工(或第三次等)时,表格不再更新。我检查了我在谷歌浏览器中的网络流量,以验证我收到了正确的响应,我可以确认响应因我点击的员工而异。该表似乎只是在我第一次设置数据属性时更新其内容。

1 个答案:

答案 0 :(得分:5)

想我必须更新这个问题,因为我很久以前就找到了答案。

我缺少的是在设置data属性时调用load函数:

$('#report-table').bootstrapTable('load', data);