BootstrapTable refresh 方法使用实例简单介绍
更新时间：2017年02月20日 09:08:48 作者：lanyang123456
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明，非常不错，具有参考借鉴价值，需要的朋友参考下吧
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明。下面代码中，一个table，一个button，单击button会触发刷新表格操作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../libs/bootstrap-table-v1.11.0/bootstrap.min.css" rel="external nofollow" >
<link rel="stylesheet" href="../libs/bootstrap-table-v1.11.0/bootstrap-table.css" rel="external nofollow" >
<script src="../libs/jQuery/jquery-1.8.3.min.js"></script>
<script src="../libs/bootstrap-table-v1.11.0/bootstrap.min.js"></script>
<script src="../libs/bootstrap-table-v1.11.0/bootstrap-table.js"></script>
<script src="../libs/bootstrap-table-v1.11.0/bootstrap-table-zh-CN.js"></script>
</head>
<body>
<table id="item_table"></table>
<button id=refresh_button type="button">刷新</button>
<script>
$('#item_table').bootstrapTable({
columns: [{
field: 'id',
title: 'Item ID'
}, {
field: 'name',
title: 'Item Name'
}, {
field: 'price',
title: 'Item Price'
}],
data: [{
id: 1,
name: 'Item 1',
price: '$1'
}, {
id: 2,
name: 'Item 2',
price: '$2'
}]
});
$("#refresh_button").click(function (){
var opt = {
url: "http://local/api/data/?format=json",
silent: true,
query:{
type:1,
level:2
}
};
$("#item_table").bootstrapTable('refresh', opt);
});
</script>
</body>
</html>
refresh发出的请求url为
“http://local/api/data/?format=json&type=1&level=2”
以上所述是小编给大家介绍的BootstrapTable refresh 方法使用实例简单介绍，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
- Bootstrap table中toolbar新增条件查询及refresh参数使用方法
- BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
- Bootstrap的Refresh Icon也spin起来
- bootstrap select2插件用ajax来获取和显示数据的实例
- 使用vue框架 Ajax获取数据列表并用BootStrap显示出来
- Bootstrap进度条与AJAX后端数据传递结合使用实例详解
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- 使用Bootstrap Tabs选项卡Ajax加载数据实现
- DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序，过滤，分页等）
- bootstrapTable+ajax加载数据 refresh更新数据
相关文章
这篇文章主要介绍了JS实现动态给图片添加边框的方法,涉及javascript操作图片border的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
今天小编就为大家分享一篇修改layui的后台模板的左侧导航栏可以伸缩的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
去除数组重复值的方法有很多，本文整理了四种不同方式，在此与大家分享下，希望对大家有所帮助2013-09-09
这篇文章主要介绍了iframe如何调用父页面函数，下面有个不错的示例，大家可以参考下2014-07-07
这篇文章主要给大家介绍了关于如何利用JavaScript获取字符串中重复次数最多的字符的相关资料,文中介绍了两种解决方案,分别是使用对象以及数组&指针来实现,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了js实现鼠标移到链接文字弹出一个提示层的方法,涉及javascript鼠标事件与css样式的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了微信小程序block的使用 ,微信小程序最近非常火热，实现起来也很简单，只要block就可以实现，需要的朋友可以参考下2018-04-04
这篇文章主要为大家详细介绍了js实现星星打分效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
在一些程序开发中，对于删除操作，最好再让用户确认一下，以免误操作，带来的损失，下面的方法，大家可以参考下。各个语言下，都通用的思路。2010-07-07
本篇文章主要介绍了webpack 4.0.0-beta.0版本新特性介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
最新评论