搜尋

首頁  >  問答  >  主體

bootstrap table伺服器端分頁後點擊頁碼整個表格都刷新了,怎麼才能只刷新數據,表格不刷新

<td></td>

<td></td>

<td></td>

</tr> ;

番號</ th>

<th>中文標題</th>

<th>出廠期</th>

#<th>片長< /th>

<th>主題</th>

</tr>

</thead>

;</td>

<td> ;</td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td></td>

<td></td>

<td></td>

<td></td>

#< td></td>

</tr>

</tbody>

</table>


##</table>


#<script type="text/javascript">

$(function () {

$("html").niceScroll();

#});

$("#table").bootstrapTable({ // 對應table標籤的id

url: "json.php", // 取得表格資料的url

method: 'post',

dataType: 'json',

cache: false, // 設定為false 停用AJAX 資料緩存,預設為true

striped: true, //表格顯示條紋,預設為false

pagination: true, // 在表格底部顯示分頁元件,預設false

paginationLoop: true,

pageList: [10, 50, 100, 500], // 設定頁面可以顯示的資料條數

pageSize: 10, // 頁面資料條數

pageNumber: 1, // 推薦頁碼

search: true,

smartDisplay: false,

showRefresh: true,

sortName: 'pubtime',

sortOrder: 'desc',

sidePagination: 'server', // 設定為伺服器端分頁

queryParams: function (params) { // 請求伺服器資料時發送的參數,可以在這裡新增額外的查詢參數,返回false則終止請求

return {

pageSize: params.limit, // 每頁要顯示的資料條數

sort: params.sort, // 要排序的欄位

sortOrder: params.order, // 排序規則

pageNumber: this.pageNumber,

search: this.searchText

}

},

columns: [{

field: 'fanhao',

title: '番號',

align: 'center',

valign: 'middle',

width: '150px',

sortable: true

}, {

field: 'cname',

title: '中文標題',

align: 'center',

valign: 'middle',

sortable: true

}, {

field: 'pubtime',

title: '出廠期',

align: 'center',

valign: 'middle',

width: '100px',

sortable: true

}, {

field: 'time',

title: '片長',

align: 'center',

valign: ' middle',

width: '80px',

sortable: true

}, {

field: 'genre',##### #title: '主題',######align: 'center',######valign: 'middle',######width: '300px',#######} ],######onLoadSuccess: function () { //載入成功時執行######console.info("載入成功");######},####### onLoadError: function () { //載入失敗時執行######console.info("載入資料失敗");######}######});##### #$("#table").bootstrapTable("refresh",{##########url: "json.php"######});#####</ script>###
phpcn_u2332phpcn_u23322185 天前1373

全部回覆(1)我來回復

  • 天蓬老师

    天蓬老师2018-12-20 20:49:34

    你的程式碼看起來真累, 為什麼不格式一下,放在程式碼區塊中提交呢?


    試試看資料全部用Ajax來取得

    回覆
    0
  • 取消回覆