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

bootstrapTable使用点小结

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

相关文章

设计模式是什么鬼

设计模式是什么鬼

设计模式是什么鬼?“世界处处不设计”有物混成,先天地生。寂兮寥兮,独立而不改,周行而不殆,可以为天地母。吾不知其名,字之曰道,强为之名曰大。大曰逝,逝曰远,远曰反。道是什么?道可道,非常道。道不明,说...

找出旋转有序数列的中间值

找出旋转有序数列的中间值

描述 给出一个有序数列随机旋转之后的数列,如原有序数列为:[0,1,2,4,5,6,7] ,旋转之后为[4,5,6,7,0,1,2]。假定数列中无重复元素,且数列长度为奇数。求出旋转数列的中间值...

最少交换次数

最少交换次数

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

发表评论

访客

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