Php Laravel4.2自定义分页按钮-为AJAX调用的每个按钮添加一个ID
我正在使用教程在Laravel4.2中创建自定义分页 我得到了这个密码-Php Laravel4.2自定义分页按钮-为AJAX调用的每个按钮添加一个ID,php,mysql,css,ajax,laravel-4,Php,Mysql,Css,Ajax,Laravel 4,我正在使用教程在Laravel4.2中创建自定义分页 我得到了这个密码- <ul class="pagination"> <li class="disabled"> <span>«</span> </li> <li class="active"> <span>1</span> </li
<ul class="pagination">
<li class="disabled">
<span>«</span>
</li>
<li class="active">
<span>1</span>
</li>
<li>
<a href="http://localhost/car/public/specials?page=2">2</a>
</li>
<li>
<a href="http://localhost/car/public/specials?page=2" rel="next">»</a>
</li>
</ul>
-
«
-
1.
-
-
用于分页按钮
但是我需要添加一些AJAX和一些ID为的JS调用
所以,我想要这种按钮的代码-
<ul class="pagination">
<li class="disabled" id="prev">
<span>«</span>
</li>
<li class="active" id="page[1]">
<span>1</span>
</li>
<li id="page[2]">
2
</li>
<li id="next">
<span>»</span>
</li>
</ul>
-
«
-
1.
-
2.
-
»
可能吗
请帮帮我
提前感谢您的帮助。我将给出一个更简单的方法 将其放在“视图”文件夹中的任意位置。假设您将其命名为partials/pagination.blade.php 将以下代码放入pagination.blade.php(修改它以匹配您的视图) 不需要经历所有那些复杂的过程
但是更大的可能性是,无论您尝试做什么,都可以纯用javascript完成。您可以扩展
lluminate\Pagination\Presenter
类并实现其抽象方法。例如(将其放入app/extension
文件夹中):
要使用自定义演示者,请执行以下操作:
首先,在app/views
目录中创建一个view
(custom presenter.php
)。然后,将app/config/view.php
配置文件中的分页选项替换为新视图的名称,如下所示:
//...
"app/tests/TestCase.php",
"app/extensions"
'pagination' => 'custom-presenter'
最后,以下代码将放置在自定义演示者视图中:
<ul class="pagination">
<?php echo with(new CustomPresenter($paginator))->render(); ?>
</ul>
上面的JS
code将设置id=prev
和id=next
,否则前两个li
s和后两个li
s将有重复的id。最后,从终端运行composer dump
。这是此实现的一个输出:
<ul class="pagination my-custom-pagination">
<li id="prev"><a href="http://taj.dev/ladger/agency/index?page=2">«</a></li>
<li id="page[1]"><a href="http://taj.dev/ladger/agency/index?page=1">1</a></li>
<li id="page[2]"><a href="http://taj.dev/ladger/agency/index?page=2">2</a></li>
<li id="page[3]" class="active">
<a href="">3</a></li><li class="disabled" id="next"><a href="">»</a>
</li>
</ul>
-
-
'pagination' => 'custom-presenter'
<ul class="pagination">
<?php echo with(new CustomPresenter($paginator))->render(); ?>
</ul>
<script>
$(function(){
$('ul.my-custom-pagination>li:first').attr('id', 'prev')
$('ul.my-custom-pagination>li:last').attr('id', 'next')
});
</script>
<ul class="pagination my-custom-pagination">
<li id="prev"><a href="http://taj.dev/ladger/agency/index?page=2">«</a></li>
<li id="page[1]"><a href="http://taj.dev/ladger/agency/index?page=1">1</a></li>
<li id="page[2]"><a href="http://taj.dev/ladger/agency/index?page=2">2</a></li>
<li id="page[3]" class="active">
<a href="">3</a></li><li class="disabled" id="next"><a href="">»</a>
</li>
</ul>