标签:search bootstrap YiShaAdmin ysTable active table 一沙 起始页 页面
用过一沙框架开发的知道,一沙封装了很多js通用的方法,组件,其中ysTable()便是其中之一。
分页组件是包含在ysTable()中的,其中的分页组件,只有选择器类名,没有唯一的ID定位,
通过看页面的代码,当前页的类名都设置active类,但是左侧每页显示数量的组件也有active,
类名并不唯一,就有点难搞了。
每次Form页面修改数据后调用search方法,都会刷新到第一页,这样数据一多,每次都要翻到第N页,那心情~~~~这里就不多加描述了!
花费了几个小时,终于找到了一个并不完美的解决方法:
1.首先找到ysTable()中封装的search方法,文件在yisha.admin.web/wwwroot/yisha/js/yisha-jquery-bootstrap-table-plugin.js
2.在文件中找到ysTable.methods 方法,中间有个search方法,如图:
3.可以看到,每次刷新后,都是从第一页开始的,这样页数一多,翻页会相当烦躁,不知有没有同感!!!
经过不断验证,index页面gridTable中,$((.bootstrap-table .active .page-link))的定位是唯一的,
因此可以用来获取当前页的页码:$('.bootstrap-table .active .page-link').eq(0).text()
4.将search中的“1"更改为:$('.bootstrap-table .active .page-link').eq(0).text(),重启项目即可生效:
当然,这是比较浅显的解决方式,Jquery及bootstrap用的不够专业!!!
还有一种方式,框架所用的是:parent.searchGrid();
可以改成触发Index页面refresh按钮的方式,即:parent.$("button[name='refresh']", parent.doucment).trigger('click');
标签:search,bootstrap,YiShaAdmin,ysTable,active,table,一沙,起始页,页面
来源: https://blog.csdn.net/Shiyiyuedeliuye/article/details/122463355
本站声明:
1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。