bs_pagination插件之Methods

素心如月桠

已于 2022-06-06 21:16:44 修改

阅读量185

点赞数 1

分类专栏： CRM 文章标签： vue.js 前端 javascript

于 2022-06-01 14:30:07 首次发布

本文链接：https://blog.csdn.net/m0_47010003/article/details/125081769

版权

CRM 专栏收录该内容

19 篇文章 5 订阅

订阅专栏

延申上一篇：bs_pagination分页插件的使用

1. 要实现的功能

在这里插入图片描述

当市场活动主页面加载完成之后，显示所有数据的第一页；
用户在市场活动主页面填写查询条件，点击“查询”按钮，显示所有符合条件的数据的第一页，保持每页显示条数不变
下面来实现点击查询按钮后，保持每页显示条数不变
点击创建按钮，新建数据后重新查询市场活动表，每页显示条数不变

2. bs_pagination之Methods

在这里插入图片描述

getOption()方法获取option中的值，

3. 点击查询按钮后，保持每页显示条数不变

 $("#queryActivityBtn").click(function () {
	//查询所有符合条件的数据
	queryActivityByConditionForPage(1, $("#demo_page1").bs_pagination('getOption', 'rowsPerPage'));
});

点击查询按钮，调用函数queryActivityByConditionForPage(1,?)
第二个参数也就是获取分页插件bs_paginationd中rowsPerPage的值，获取方法如上图，把option_name改为rowsPerPage就行了

4. 刷新市场活动列表后，保持每页显示条数不变

在这里插入图片描述

每次创建模态框关闭后刷新页面，会重新加载页面内容，
调用函数queryActivityByConditionForPage(1,5);实现分页
还是会只显示5条数据，所以，把第二个参数也改成$(“#demo_page1”).bs_pagination(‘getOption’,‘rowsPerPage’);