Bootstrap Table 更新内容无效
Bootstrap Table update content not working
我用的是文真信的bootstraptable但是更新table内容时遇到问题
我有两个 table。一个显示所有员工,另一个显示第一个 table 提到的选定员工的报告。
在第一个 table 中单击员工时,我调用此代码来更新第二个 table 中的数据:
$('#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
});
}
我第一次点击员工时,报告正确加载到我的第二次 table,但我第二次点击员工(或第三次等)时,table 不再更新.我在 google chrome 中检查了我的网络流量,以验证我是否收到了我所做的正确响应,并且我可以确认响应因我单击的员工而异。 table 似乎只在我第一次设置数据时更新其内容 属性。
我想我必须更新这个问题,因为我很久以前就找到了答案。
我缺少的是在设置数据 属性 时调用加载函数:
$('#report-table').bootstrapTable('load', data);
我用的是文真信的bootstraptable但是更新table内容时遇到问题
我有两个 table。一个显示所有员工,另一个显示第一个 table 提到的选定员工的报告。
在第一个 table 中单击员工时,我调用此代码来更新第二个 table 中的数据:
$('#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
});
}
我第一次点击员工时,报告正确加载到我的第二次 table,但我第二次点击员工(或第三次等)时,table 不再更新.我在 google chrome 中检查了我的网络流量,以验证我是否收到了我所做的正确响应,并且我可以确认响应因我单击的员工而异。 table 似乎只在我第一次设置数据时更新其内容 属性。
我想我必须更新这个问题,因为我很久以前就找到了答案。
我缺少的是在设置数据 属性 时调用加载函数:
$('#report-table').bootstrapTable('load', data);