2

我目前正在介绍我们的网络应用程序的移动友好版本。

在第一步中，我将一个包含很多列的rich:dataTable 转换为一个只包含几列作为值的rich:dataList。

旧表使用分页，我想在新列表中重新使用这个现有机制。但是，在新列表中，我不想分页而是追加！因此，当我单击“加载更多”按钮时，我想将新元素附加到已经存在的元素上。但是，追加不应发生在服务器端，而应发生在客户端。因为正常的机制是在“加载更多”的支持 bean 的列表上附加元素，然后触发一些重新渲染（例如 via ）。这样做的结果是再次从服务器获取旧数据，这是我不想要的。我只想将新数据（即下一个分页）附加到已经存在的数据中。

有人有想法，我怎么能意识到这一点？

（限制因素：JSF 1.X 和 Richfaces 3.X [结合 jQuery mobile]）

列表分页示例（它是 primefaces，因为我找不到richface 示例）： http: //www.primefaces.org/showcase/ui/dataListAjax.jsf像这样我想转换成一个无限列表“加载更多”按钮。

非常感谢您对此的帮助和/或想法！

提前致谢！

4

1 回答 1

1

以防万一其他人对此感兴趣......我找到了一个解决方案或更确切地说是一种解决方法：

我介绍了另一个rich:dataList，每次单击“加载更多”时都会重新呈现。“加载更多”按钮是一个“a4j:commandButton”，它的动作会触发分页。最后，我使用它的 oncomplete-attribute 调用一个 JavaScript 函数，该函数通过 jQuery DOM 操作将下一个分页（临时列表）移动到我的主列表中。

它工作得很好

于 2012-06-22T08:14:17.057 回答