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

bootstrapTable使用点小结

淙嶙8年前 (2018-06-07)未命名1795
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");

相关文章

最少交换次数

最少交换次数

描述 给出一个无序数列,每次只能交换相邻两个元素,求将原数列变成递增数列的最少交换次数。如:数列:2,3,1,交换3和1后变成:2,1,3;交换1和2之后变成:1,2,3。总共交换2次。...

使用void方法交换两个Integer整数

使用void方法交换两个Integer整数

前提条件:1.参数的传递方式:值传递和引用传递,其中值传递为基础数据类型,引用传递为 对象,数组,集合等2.注意,这里要特殊考虑String,以及Integer、Double等几个基本类型包装类,它们...

SpringMVC- DispatcherServlet你再做什么?

SpringMVC- DispatcherServlet你再做什么?

1.DispatcherServlet的出现位置 2.DispatcherServlet初始化部分 3.DispatcherServlet提供服务 4.DispatcherServlet销毁...

发表评论

访客

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