快捷導(dǎo)航

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 方法使用實例簡單介紹，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

用javascript實現(xiàn)讀取txt文檔的腳本
用javascript實現(xiàn)讀取txt文檔的腳本...
2007-07-07
細數(shù)promise與async/await的使用及區(qū)別說明
這篇文章主要介紹了細數(shù)promise與async/await的使用及區(qū)別說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-07-07
webpack4 optimization使用總結(jié)
這篇文章主要介紹了webpack4 optimization使用總結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
UniApp?WebView頁面中的請求跨域問題解決
在使用UniApp開發(fā)中,通過WebView組件加載本地網(wǎng)頁時,往往會遇到跨域問題,下面這篇文章主要介紹了UniApp?WebView頁面中的請求跨域問題解決的相關(guān)資料,需要的朋友可以參考下
2024-10-10
關(guān)于javascript中限定時間內(nèi)防止按鈕重復(fù)點擊的思路詳解
下面小編就為大家?guī)硪黄P(guān)于javascript中限定時間內(nèi)防止按鈕重復(fù)點擊的思路詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
JavaScript實現(xiàn)淘寶網(wǎng)圖片的局部放大功能
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)淘寶網(wǎng)圖片的局部放大功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
深入理解 ES6中的 Reflect用法
這篇文章主要介紹了深入理解 ES6中的 Reflect用法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-07-07
在TypeScript項目中進行BDD測試
這篇文章主要介紹了在TypeScript項目中進行BDD測試，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪
2022-04-04
JavaScript?中的單例內(nèi)置對象Global?與?Math
這篇文章主要介紹了JavaScript?中的單例內(nèi)置對象Global與Math，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-07-07
詳解CocosCreator制作射擊游戲
這篇文章主要介紹了CocosCreator制作射擊游戲，各個方面都講的比較詳細，希望同學(xué)們自己動手試一下
2021-04-04