BootstrapTable refresh 方法使用實例簡單介紹
更新時間:2017年02月20日 09:08:48 作者:lanyang123456
本文就bootstrapTable refresh 方法如何傳遞參數(shù)做簡單舉例說明,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
本文就bootstrapTable refresh 方法如何傳遞參數(shù)做簡單舉例說明。下面代碼中,一個table,一個button,單擊button會觸發(fā)刷新表格操作。
<!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發(fā)出的請求url為
“http://local/api/data/?format=json&type=1&level=2”
以上所述是小編給大家介紹的BootstrapTable refresh 方法使用實例簡單介紹,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- Bootstrap table中toolbar新增條件查詢及refresh參數(shù)使用方法
- BootStrap Table后臺分頁時前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題
- Bootstrap的Refresh Icon也spin起來
- bootstrap select2插件用ajax來獲取和顯示數(shù)據(jù)的實例
- 使用vue框架 Ajax獲取數(shù)據(jù)列表并用BootStrap顯示出來
- Bootstrap進度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用實例詳解
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- 使用Bootstrap Tabs選項卡Ajax加載數(shù)據(jù)實現(xiàn)
- DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法(排序,過濾,分頁等)
- bootstrapTable+ajax加載數(shù)據(jù) refresh更新數(shù)據(jù)
相關文章
如何利用JavaScript獲取字符串中重復次數(shù)最多的字符
這篇文章主要給大家介紹了關于如何利用JavaScript獲取字符串中重復次數(shù)最多的字符的相關資料,文中介紹了兩種解決方案,分別是使用對象以及數(shù)組&指針來實現(xiàn),需要的朋友可以參考下2021-07-07