bootstrap-table如何实现数据刷新后停留在当前页-创新互联
这篇文章主要为大家展示了“bootstrap-table如何实现数据刷新后停留在当前页”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“bootstrap-table如何实现数据刷新后停留在当前页”这篇文章吧。
咸宁网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联自2013年起到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。获取当前页
要想停留在当前页,我们首先需要获取当前页。bootstrap-table定义了getOptions可以获取到非常多的表格信息,其中就包括当前页。
$table.bootstrapTable('getOptions')
重新请求数据
我们修改完数据以后需要重新请求数据,可以使用refresh或者再次进行初始化调用,我这里使用了再次进行初始化调用。通过将当前页作为参数传递进去。
通过调用初始化函数刷新数据 init(pageIndex); function init(pageIndex){ $('#table').bootstrapTable({ method:'get', url: '/admin/student/getAllStudent', striped:true, cache:false, uniqueId:'id', clickToSelect: true, pagination:true, //设置分页 pageNumber:pageIndex || 1,//初始化加载第一页,默认第一页 queryParams : queryParams,//请求服务器时所传的参数, sidePagination:'server', pageSize:10,//单页记录数, pageList:[10,20,30,40],//分页进步值 columns: [{ //列参数 field: 'sid', title: 'sid', }, { field: 'name', title: 'name' }, { field: 'grade', title: 'grade' },{ field: 'password', title: 'password' },{ field: 'Button', title: '操作', events: operateEvents, formatter:AddFunctionAlty//表格中增加按钮 }, ] }); }
以上是“bootstrap-table如何实现数据刷新后停留在当前页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享名称:bootstrap-table如何实现数据刷新后停留在当前页-创新互联
当前URL:http://myzitong.com/article/deejeo.html