简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
bootstrap table服务器端分页后点击页码整个表格都刷新了，怎么才能只刷新数据，表格不刷新
phpcn_u2332
phpcn_u2332 2018-12-19 22:15:26
0
1
1323

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


<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
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！