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

bootstrapTable使用点小结

淙嶙8年前 (2018-06-07)未命名1308
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的版本,一些老版本不支持该方法。
  1. 跳转到首页方法
a. $("#event_table").bootstrapTable('refreshOptions', {pageNumber:1}); b. $("#event_table").bootstrapTable('selectPage', 1);
  1. 清空table数据的办法
$("#event_table").bootstrapTable('removeAll');
  1. 重新查询数据(应对初始不查询,点击查询按钮时去查询,一般配合4清空数据一起使用,需要跳转首页的参考3) $("#event_table").bootstrapTable('refreshOptions', {url: "http://url...",formatNoMatches:function(){return "没有找到匹配的记录"}});

  2. 获取选中行进行遍历

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

相关文章

sonarqube安装使用

sonarqube安装使用

必要条件 JDK8(Oracle JRE8 或者OpenJDK8) 硬件需求,非企业版的要求特别低,直接忽略了,企业版的需要8核CPU、16GBRAM。 支持的平台 JDK:Oracle...

最长连续数列

最长连续数列

描述 输入一个乱序的连续数列,输出其中最长连续数列长度,要求算法复杂度为  O(n)  。 输入 54,55,300,12,56 输出 3 输入样例 100,4,...

RabbitMQ消费端如何配置性能高--解读SimpleMessageListennerContainer

RabbitMQ消费端如何配置性能高--解读SimpleMessageListennerContainer

SimpleMessageListenerContainer 是RabbitMQ的侦听容器。消费端的一些配置都在这里面(spring-rabbit通过xml的配置listener-container就...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。