如何使用primefaces和ajax调用在弹出窗口中添加数据

Question

我是JSF的新手，在执行GET AJAX请求时遇到问题。

我有一个带有计数器（数字）的图标，一旦我将鼠标移到图标上，它会显示一个带有小列表（3项）的小弹出窗口，与我们在社交网站中的行为相同（通知图标）。直到这里一切都好。现在，在我的弹出底部，我添加了一个文字说“显示更多”。这应该通过Ajax调用从DB获得3个项目/通知并在弹出窗口中添加响应（不关闭弹出窗口），然后总共应该有6个项目。

我不确定我究竟能做到这一点，请帮助。

在我的xhtml中使用<h:outputText value="show more}">。 在我的bean中，我有getMoreNotification()的方法。

最近我尝试使用<p:remoteCommand>，但不确定如何在弹出窗口中添加响应/数据。

提前致谢。

Answer 1

没那么困难

1. 创建一个最初填充了3个项目的列表
2. 使用<p:overlay>的IN创建<p:overlay>，例如一个<p:dataList>，显示1中提到的这些列表。给这个组件一个id，例如＆＃39;通知＆＃39;
3. 点击＆＃39;显示更多＆＃39; commandLink，通过getMoreNotification()执行actionListener，并使用该方法更新1中提到的列表。另外，请确保您拥有包含<p:dataList>值的更新属性。