Rails 使用 will_paginate 渲染 ul li 列表

发布于 2024-09-08 11:19:37 字数 1395 浏览 4 评论 0原文

我在我的 Rails 应用程序中使用 will_paginate,它工作正常,但我想使用 ul li list 作为我的网页设计器布局。实际上,用我的代码,它只是渲染

我的视图:

<div class="pagination">
   <ul><li><%= will_paginate @organizations %></li></ul>
 </div>

我的源代码:

<ul><li><div class="pagination">
<span class="previous_page disabled">&#8592; Previous</span>
<em>1</em> 
<a rel="next" href="/organizations?page=2&amp;search=2&amp;submit_search=ok">2</a> 
<a href="/organizations?page=3&amp;search=2&amp;submit_search=ok">3</a> 
<a class="next_page" rel="next" href="/organizations?page=2&amp;search=2&amp;submit_search=ok">Next &#8594;</a>
</div></ul>/<li>

我想得到这种结果:

<div class="pagination"> 
  <ul> 
    <li class="prev"><a href="#"><span>Prev</span></a></li> 
    <li><a href="#"><span>1</span></a></li> 
    <li><a href="#"><span>2</span></a></li>
    <li><a href="#"><span>3</span></a></li> 
    <li class="next"><a href="#"><span>Next</span></a></li> 
   </ul> 
</div> 

如何才能做到?

I'm using will_paginate in my rails application, it's working fine but I would like to use ul li list for my webdesigner layout. Actually with my code, it's only rendering

my view :

<div class="pagination">
   <ul><li><%= will_paginate @organizations %></li></ul>
 </div>

My source code:

<ul><li><div class="pagination">
<span class="previous_page disabled">← Previous</span>
<em>1</em> 
<a rel="next" href="/organizations?page=2&search=2&submit_search=ok">2</a> 
<a href="/organizations?page=3&search=2&submit_search=ok">3</a> 
<a class="next_page" rel="next" href="/organizations?page=2&search=2&submit_search=ok">Next →</a>
</div></ul>/<li>

I would like to have this kind of result :

<div class="pagination"> 
  <ul> 
    <li class="prev"><a href="#"><span>Prev</span></a></li> 
    <li><a href="#"><span>1</span></a></li> 
    <li><a href="#"><span>2</span></a></li>
    <li><a href="#"><span>3</span></a></li> 
    <li class="next"><a href="#"><span>Next</span></a></li> 
   </ul> 
</div> 

How can it be done?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

小草泠泠 2024-09-15 11:19:37

will_paginate 文档链接到示例< /a> 这与您在这里要求的几乎相同。

向下滚动到“按照你的方式做”。

The will_paginate docs link to an example that is nearly identical to what you're asking for here.

Scroll down to "Doing it Your Way."

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文