BootstrapTable refresh 方法使用实例简单介绍
2017-02-20 09:08
841 查看
本文就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更新数据
相关文章推荐
- Bootstrap轮播插件简单使用方法介绍
- bootstrap Table API和一些简单使用方法
- Bootstrap table使用方法详细介绍
- 软件包管理 之 file.src.rpm 使用方法的简单介绍
- 优化防火墙得力助手ipset介绍及简单使用方法
- QT-Linguist使用方法简单介绍
- Android MediaPlayer使用方法简单介绍
- Android MediaPlayer使用方法简单介绍
- 【ABAP】LSMW使用IDoc方法的简单介绍
- MediaPlayer使用方法简单介绍
- Derby数据库简单介绍和使用方法
- Document对象的使用:hasChildNodes()方法,nodeName、nodeValue、nodeType的简单介绍
- 微软系统封装工具ImageX使用方法及实例介绍
- delphi下使用indy进件socket通信的简单实例介绍
- Android MediaPlayer使用方法简单介绍
- AJAX学习基础:简单介绍数据岛使用方法
- 实例简单介绍SVN使用
- QT-Linguist使用方法简单介绍
- Oracle job基本使用方法----简单实例演示
- QT-Linguist使用方法简单介绍