1. 程式人生 > >問題:通過設定查詢條件,點選按鈕觸發bootstrap-table,觸發以後無法再次觸發

問題:通過設定查詢條件,點選按鈕觸發bootstrap-table,觸發以後無法再次觸發

遇到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