目前连接数据库,页面分页表现为这样
页面展现代码为:
<div class="box-footer clearfix"> <ul class="pagination pagination-sm no-margin pull-right"> <li><a href="{{ $data->withQueryString()->previousPageUrl() }}"><</a></li> @for ($p = 1; $p <= ceil($data->total() / $data->perpage()); $p++) <li><a href="{{ $data->withQueryString()->url($p) }}">{{ $p }}</a></li> @endfor <li><a href="{{ $data->withQueryString()->nextPageUrl() }}">></a></li> </ul> </div>
$data为控制器传值 内涵所有的数据库内容。
想请教如何当页面在第一页以及最后一页时,是的向前和向后的button属性失效或隐藏。
目前想法时给div属性+id jquery取得标签下的两个li 在做判断。 可是事与愿违。
望大神老师们多多指教新手。
谢谢~!
你用的分页是ui库里面的吗,一般ui库自带的就是这样的逻辑。没有的话就是获取分页的盒子,获取到上一页,下一页的button给他设置disabled或者隐藏。你自己封装的分页的话,可以获取当前页,然后获取上一页,和下一页的button按钮(dom元素即可不一定是button)然后判断即可
当前页>数据条数/每页条数 那么下一页的disabled=true或者直接给他隐藏。当前页==1那么上一页就禁用或者隐藏。
你这是vue写的吧,很简单,加一个当前页的属性字段,然后用watch监听当前页或者在点击页码的事件里面去判断,如果是第一页或者最后一页,进行相应的显示与隐藏。