BootStrap Table 分页后重新搜索问题的解决办法

本文描述了一种在自定义搜索功能中遇到的分页错误现象,并提供了正确的解决方案。该问题表现为在进行新的搜索操作后,页面仍显示前次搜索的结果页数。正确的做法是先销毁当前表格再重新初始化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前提: 自定义搜索且有分页功能,比如搜索产品名的功能.

现象:当搜索充气娃娃的时候返回100条记录,翻到第五页. 这时候搜索按摩棒,数据有200条,结果应该是第一页的记录,但是实际显示的还是第五页的结果. 也就是重新搜索后,pagenumber没有变.

按网上大部分说的:重新设置option就行了


1
$('#tableList').bootstrapTable({pageNumber:1,pageSize:10});

以上是解决不了这个问题。这样只会在第一页渲染出正确数据,之后别的页面仍然保存的上一次搜索的数据赋值。

正确做法是

$("#table").bootstrapTable('destroy');先要将table销毁,否则会保留上次加载的内容

TableObj.oTableInit();重新初使化表格。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值