社群 學習 工具庫 休閒
搜尋
繁体中文
bootstrap table伺服器端分頁後點擊頁碼整個表格都刷新了，怎麼才能只刷新數據，表格不刷新
phpcn_u2332
phpcn_u2332 2018-12-19 22:15:26
0
1
1382

<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_u2332
phpcn_u2332

全部回覆(1)
Peter-Zhu
Peter-Zhu2018-12-20 20:49:34 1樓

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


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

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板