【问题标题】:How to customize primefaces page links?如何自定义 primefaces 页面链接?
【发布时间】:2018-01-08 07:15:39
【问题描述】:

在我们的应用程序中,我们在 primefaces 数据表中加载了 20000 条记录,但我们遇到了一些性能问题。所以我们计划逐页加载数据,因为我们将开始和结束页码发送到后端,我们得到的记录最少。在每次页面更改时,我们都会点击 Db 并将数据加载到数据表中。

我第一次发送 1 和 100,我得到了 100 条记录,总匹配记录数为 1800。我在数据表中设置了列表值,我的页面大小为 50,它在数据表中显示了 2 个页面链接。 我想根据总匹配记录动态设置页面链接。但在 primefaces 中,它根据数据表列表大小显示。如何动态设置页面链接。

我的预期输出:

【问题讨论】:

标签: jsf primefaces jsf-2 datatable


【解决方案1】:

通缉: PF的paginator

来自网站的示例:

<p:dataTable var="car" value="#{dtPaginatorView.cars}" rows="10"
                 paginator="true"
                 paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                 rowsPerPageTemplate="5,10,15">

不想要: 大多数 JSF 标记(当然不是 HTML)都支持 styleClass="foo" 属性,该属性可用于在生成的 HTML 标记中附加 class="foo" 属性。

也许这就是你需要的?抱歉,我从未尝试修改这些链接(使用 PF6.0 CE)。

【讨论】:

  • PrimeFaces 有主题支持,我从来没有这样做过。 :-/ 对不起,我不能给你一个 100% 的答案,只是提示。 :-)
  • 啊,我明白了。 :-/ 你想要第 1-5 页,最后和第一个显示,我以为你想改变风格!一秒钟...
  • 我猜你想要“分页器”并自定义它?查看此演示:primefaces.org/showcase/ui/data/datatable/paginator.xhtml&lt;p:dataTable var="car" value="#{dtPaginatorView.cars}" rows="10" paginator="true" paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,15"&gt;
猜你喜欢
  • 2016-11-12
  • 1970-01-01
  • 1970-01-01
  • 2015-12-29
  • 1970-01-01
  • 2021-02-22
  • 1970-01-01
  • 1970-01-01
  • 2012-05-18
相关资源
最近更新 更多