問題:通過設定查詢條件,點選按鈕觸發bootstrap-table,觸發以後無法再次觸發
阿新 • • 發佈:2018-12-26
遇到bootstraptable無法重新載入的問題,查閱大神的部落格,找到了解決方案,記錄下,以便查閱。
問題:通過設定查詢條件,點選按鈕觸發bootstrap-table,觸發以後無法再次觸發
解決方案:在初始化table之前,要將table銷燬,否則會保留上次載入的內容
$("#tb_addZph").bootstrapTable('destroy'); // 在初始化table之前,要將table銷燬,否則會保留上次載入的內容 $('#tb_addZph').bootstrapTable({ url: '/zph/getZphInfo2Com', //請求後臺的URL(*) method: 'get', //請求方式(*) //toolbar: '#toolbar_zph', //工具按鈕用哪個容器 striped: true, //是否顯示行間隔色 cache: false, //是否使用快取,預設為true,所以一般情況下需要設定一下這個屬性(*) pagination: true, //是否顯示分頁(*) sortable: true, //是否啟用排序 sortOrder: "asc", //排序方式 queryParams: { comid: parentid }, //引數 ajaxOptions: { comid: parentid }, //ajax引數 sidePagination: "client", //分頁方式:client客戶端分頁,server服務端分頁(*) pageNumber:1, //初始化載入第一頁,預設第一頁 pageSize: 10, //每頁的記錄行數(*) pageList: [5,10, 25, 50, 100], //可供選擇的每頁的行數(*) search: true, //是否顯示錶格搜尋,此搜尋是客戶端搜尋,不會進服務端,所以,個人感覺意義不大 //strictSearch: true, showColumns: true, //是否顯示所有的列 showRefresh: true, //是否顯示重新整理按鈕 minimumCountColumns: 2, //最少允許的列數 clickToSelect: true, //是否啟用點選選中行 //height: 500, //行高,如果沒有設定height屬性,表格自動根據記錄條數覺得表格高度 uniqueId: "id", //每一行的唯一標識,一般為主鍵列 showToggle:true, //是否顯示詳細檢視和列表檢視的切換按鈕 cardView: false, //是否顯示詳細檢視 //detailView: true, //是否顯示父子表 //showExport: true, //是否顯示匯出 //exportDataType: "basic", //basic', 'all', 'selected'. //極為重要,缺失無法執行queryParams,傳遞page引數 //contentType : "application/x-www-form-urlencoded", columns: [{ checkbox: true }, { field: 'id', title: '公司編號', sortable : true }, { field: 'title', title: '招聘主題', sortable : true }, { field: 'time', title: '招聘時間', sortable : true } ], });
原文:https://blog.csdn.net/u012078155/article/details/52083272