为什么像更新可引导视图这样简单的事情不起作用?



我的引导程序有问题。我无法更新表视图。最简单的例子。选择B1后,将向表提供myData1变量中的数据,但是,选择B2之后,将不会使用myData2变数中的数据更新表。在随后的调用中使用什么方法再次为表供电?

<div class="toolbar">
<button id="B1" class="btn btn-secondary">B1</button>
</div>

<div class="toolbar">
<button id="B2" class="btn btn-secondary">B2</button>
</div>
<table id="list" class="bootstrap-table">
<thead>
<tr>
<th data-field="Name">Name</th>
</tr>
</thead>
</table>

var mydata1 = [ {"Name": "Federico"},{"Name": "Madamee"}];
var mydata2 = [ {"Name": "Susane"},{"Name": "John"}];

$('#B1').click(function () {
$('#table').bootstrapTable({ data: mydata1 })
});

$('#B2').click(function () {
$('#table').bootstrapTable({ data: mydata2 })
});

Bottrap表必须具有参数data-toggle="list"并使用$('#table').bootstrapTable('load',mydata)$('#table').bootstrapTable('load',mydata2)则工作:-(

最新更新