问题：
如何在DataTable之外使用primefaces分页器？
商柏
我想把分页器的东西带到DataTable之外。现在，在primefaces中，分页器与DataTable连接在一起。我想把它带到外面。我怎么才能明白？我的预期输出是，
示例代码：
<div class="ui-datatable ui-widget" id="j_idt88:j_idt89">
<div aria-label="Pagination" role="navigation"
class="ui-paginator ui-paginator-top ui-widget-header ui-corner-top"
id="j_idt88:j_idt89_paginator_top">
<span class="ui-paginator-current">(1 of 5)</span><a
aria-label="First Page"
class="ui-paginator-first ui-state-default ui-corner-all ui-state-disabled"
href="#"><span class="ui-icon ui-icon-seek-first">p</span></a><a
aria-label="Previous Page"
class="ui-paginator-prev ui-state-default ui-corner-all ui-state-disabled"
href="#"><span class="ui-icon ui-icon-seek-prev">p</span></a><span
class="ui-paginator-pages"><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-state-active ui-corner-all"
aria-label="Page 1">1</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 2">2</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 3">3</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 4">4</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 5">5</a></span><a tabindex="0" aria-label="Next Page"
class="ui-paginator-next ui-state-default ui-corner-all" href="#"><span
class="ui-icon ui-icon-seek-next">p</span></a><a tabindex="0"
aria-label="Last Page"
class="ui-paginator-last ui-state-default ui-corner-all" href="#"><span
class="ui-icon ui-icon-seek-end">p</span></a><label
class="ui-paginator-rpp-label ui-helper-hidden"
for="j_idt88:j_idt89:j_id2" id="j_idt88:j_idt89_rppLabel">Rows
Per Page</label><select autocomplete="off" value="10"
class="ui-paginator-rpp-options ui-widget ui-state-default ui-corner-left"
aria-labelledby="j_idt88:j_idt89_rppLabel"
name="j_idt88:j_idt89_rppDD" id="j_idt88:j_idt89:j_id2"><option
value="5">5</option>
<option selected="selected" value="10">10</option>
<option value="15">15</option></select>
</div>
<div class="ui-datatable-tablewrapper">
<table role="grid">
<thead id="j_idt88:j_idt89_head">
<tr role="row">
<th aria-label="Id" role="columnheader" class="ui-state-default"
id="j_idt88:j_idt89:j_idt90"><span class="ui-column-title">Id</span></th>
<th aria-label="Year" role="columnheader" class="ui-state-default"
id="j_idt88:j_idt89:j_idt92"><span class="ui-column-title">Year</span></th>
<th aria-label="Brand" role="columnheader" class="ui-state-default"
id="j_idt88:j_idt89:j_idt94"><span class="ui-column-title">Brand</span></th>
<th aria-label="Color" role="columnheader" class="ui-state-default"
id="j_idt88:j_idt89:j_idt96"><span class="ui-column-title">Color</span></th>
</tr>
</thead>
<tbody class="ui-datatable-data ui-widget-content"
id="j_idt88:j_idt89_data">
<tr role="row" class="ui-widget-content ui-datatable-even"
data-ri="0">
<td role="gridcell">66b09576</td>
<td role="gridcell">1993</td>
<td role="gridcell">Audi</td>
<td role="gridcell">Orange</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-odd"
data-ri="1">
<td role="gridcell">1615e972</td>
<td role="gridcell">1984</td>
<td role="gridcell">Fiat</td>
<td role="gridcell">Maroon</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-even"
data-ri="2">
<td role="gridcell">3720b3ba</td>
<td role="gridcell">1962</td>
<td role="gridcell">Mercedes</td>
<td role="gridcell">Blue</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-odd"
data-ri="3">
<td role="gridcell">e5fd6516</td>
<td role="gridcell">1996</td>
<td role="gridcell">Fiat</td>
<td role="gridcell">Blue</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-even"
data-ri="4">
<td role="gridcell">e84468bb</td>
<td role="gridcell">2000</td>
<td role="gridcell">Jaguar</td>
<td role="gridcell">Black</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-odd"
data-ri="5">
<td role="gridcell">4020f7ff</td>
<td role="gridcell">1983</td>
<td role="gridcell">Volkswagen</td>
<td role="gridcell">Maroon</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-even"
data-ri="6">
<td role="gridcell">7d66cace</td>
<td role="gridcell">1998</td>
<td role="gridcell">Ford</td>
<td role="gridcell">Blue</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-odd"
data-ri="7">
<td role="gridcell">a065fd99</td>
<td role="gridcell">1980</td>
<td role="gridcell">Volvo</td>
<td role="gridcell">White</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-even"
data-ri="8">
<td role="gridcell">3e690015</td>
<td role="gridcell">1973</td>
<td role="gridcell">Mercedes</td>
<td role="gridcell">Red</td>
</tr>
<tr role="row" class="ui-widget-content ui-datatable-odd"
data-ri="9">
<td role="gridcell">81fe065f</td>
<td role="gridcell">1982</td>
<td role="gridcell">Volvo</td>
<td role="gridcell">Silver</td>
</tr>
</tbody>
</table>
</div>
<div aria-label="Pagination" role="navigation"
class="ui-paginator ui-paginator-bottom ui-widget-header ui-corner-bottom"
id="j_idt88:j_idt89_paginator_bottom">
<span class="ui-paginator-current">(1 of 5)</span><a
aria-label="First Page"
class="ui-paginator-first ui-state-default ui-corner-all ui-state-disabled"
href="#"><span class="ui-icon ui-icon-seek-first">p</span></a><a
aria-label="Previous Page"
class="ui-paginator-prev ui-state-default ui-corner-all ui-state-disabled"
href="#"><span class="ui-icon ui-icon-seek-prev">p</span></a><span
class="ui-paginator-pages"><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-state-active ui-corner-all"
aria-label="Page 1">1</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 2">2</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 3">3</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 4">4</a><a href="#" tabindex="0"
class="ui-paginator-page ui-state-default ui-corner-all"
aria-label="Page 5">5</a></span><a tabindex="0" aria-label="Next Page"
class="ui-paginator-next ui-state-default ui-corner-all" href="#"><span
class="ui-icon ui-icon-seek-next">p</span></a><a tabindex="0"
aria-label="Last Page"
class="ui-paginator-last ui-state-default ui-corner-all" href="#"><span
class="ui-icon ui-icon-seek-end">p</span></a><label
class="ui-paginator-rpp-label ui-helper-hidden"
for="j_idt88:j_idt89:j_id3" id="j_idt88:j_idt89_rppLabel">Rows
Per Page</label><select autocomplete="off" value="10"
class="ui-paginator-rpp-options ui-widget ui-state-default ui-corner-left"
aria-labelledby="j_idt88:j_idt89_rppLabel"
name="j_idt88:j_idt89_rppDD" id="j_idt88:j_idt89:j_id3"><option
value="5">5</option>
<option selected="selected" value="10">10</option>
<option value="15">15</option></select>
</div>
共有1个答案
贡可人
类似资料：
-
问题内容： 如果我能以某种方式将这两个框架结合在一起，那就太酷了。 单击Primefaces数据表上的下一个或上一个按钮将触发查询，从而使用JPA限制查询结果。 同样，也许通过某种机制，primefaces组件也可以从另一个JPA选择计数查询中获取总页数。 有没有关于如何将它们投入工作的示例？ 请分享您的经验。 谢谢 ！ 问题答案： 您可以使用LazyDataModel。在此示例中，我将使用Net
-
问题内容： 在我的JSF数据表中，我实现了延迟加载，当我对记录进行分页时，执行下一组记录大约需要4到5秒的时间，实际上执行结果应该少于一秒钟。 这是我实现它的方式所发生的，不确定我该如何解决。 扩展LazyDataModel的DataModel类 和道课 有人可以解释是什么原因导致了记录分页时出现延迟吗？ 如果我删除以下内容 并执行，那么它可以完美执行而没有延迟，但是问题始终是5，这是我每页的默认
-
我正在使用Primeface 4.0，我有一个具有多种选择功能的日期表。我愿意实现的是仅通过复选框按钮选择行，禁用单击行的功能。在当前场景中，即使我单击任何行，我也选中了复选框，我想禁用行选择。 我从这个论坛上得到了一些解决方案，但无法解决。请告诉我需要做什么。
-
我决定问这里，这样我就能解决我的问题。在我写信给你之前，我可以向你保证，我在谷歌搜索了很多，但没有找到答案。 在我的PRIMEFACES中，p:DataTable中p：Column中的sortBy和filterBy不起作用。 让我们从SortBy开始。（）在我尝试的所有版本中，如您在下面的pom.xml中所看到的：6.2,7.0,7.0.rc3,8.0,8.0.rc3中所示，它都有这样的行为：它显
-
我试图在PrimeFaces数据表上实现一个排序函数。我已经创建了一个模型对象列表。我们有一个问题是表的排序顺序。排序列包含整数和字符串值。当我应用等默认排序机制时，列表是基于ASCII顺序排序的。下面是排序结果的图像。我目前正在使用PrimeFaces V5.2.5 谁能指导我如何克服这个问题。
-
我使用primefaces 3.5，我有一个p:dataTable，其中有一些行和数据，我想将这些数据导出到xls文件或其他文件中。 我使用了代码： 这很好用！ 我的问题是，我希望在导出的文件和浏览器数据表中有不同的单元格文本。 例如，在导出的xls文件中，我需要在浏览器数据表中设置其他日期格式。否则浏览器单元格中的文本太长！ 我试图添加一个额外的列，其中rendered=“false”和expo
-
我在数据表外部有一个primefaces commandButton,它可以正常工作。在dataTable中,我有完全相同的commandButton,但当单击dataTable中的commandButton时,它不会调用ActionListener：
-
问题内容： 考虑一个虚拟情况： 单击按钮后，获取的内容将成功更新。 但是，如果我在此处添加，它将不再起作用： 相反，它得到： 但是，该组件确实具有该ID，因此EL应该没问题。不知何故打破了案件。是否有可能在实际循环之前尝试评估EL？ 您如何从dataTable中引用元素？ 注意：我最近询问了ui：repeat中奇怪的dataTable命名问题，事实证明这是一个bug。这个问题不应该然而，因为我是一