laravel 框架下的一个分页问题

 目前连接数据库,页面分页表现为这样

 

页面展现代码为:

<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监听当前页或者在点击页码的事件里面去判断,如果是第一页或者最后一页,进行相应的显示与隐藏。