当前位置：首页 > 未命名 > 正文内容

bootstrapTable使用点小结

淙嶙7年前 (2018-06-07)未命名971

1.获取选中行的index索引号 //借鉴而来 function getIdSelections() { return $.map($("#tb_data").bootstrapTable('getSelections'), function (row) { return row.id }); } 2.在使用bootstrapTable时，刷新数据有两个方法refresh、refreshOptions，其用法相似：

<table id="event_table"></table>
...
<script>
    $("#event_table").bootstrapTable('refresh', {url: new_url });
    $("#event_table").bootstrapTable('refreshOptions', {url:new_url});
</script>

refresh：（更新条件有限）刷新远程服务器数据，可以设置{silent: true}以静默方式刷新数据，并设置{url: newUrl}更改URL。要提供特定于此请求的查询参数，请设置{query: {foo: 'bar'}}。
refreshOptions：更新bootstrapTable options，并从server端获取数据。与refresh的区别在于，refreshOptions设置的option，会被作为下次请求server数据的默认option使用。

另外，使用refreshOptions时，注意bootstrapTable的版本，一些老版本不支持该方法。

跳转到首页方法

a. $("#event_table").bootstrapTable('refreshOptions', {pageNumber:1}); b. $("#event_table").bootstrapTable('selectPage', 1);

清空table数据的办法

$("#event_table").bootstrapTable('removeAll');

重新查询数据（应对初始不查询，点击查询按钮时去查询，一般配合4清空数据一起使用，需要跳转首页的参考3） $("#event_table").bootstrapTable('refreshOptions', {url: "http://url...",formatNoMatches:function(){return "没有找到匹配的记录"}});
获取选中行进行遍历

var selected=$("#event_table").bootstrapTable("getSelections"); var idList=""; $(selected).each(function(){ idList= idList+","+$(this)[0].id; }); 7. 获取所有行 var selected=$("#event_table").bootstrapTable("getData");