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

How to add data in popup using primefaces and ajax call

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

我有一个带有计数器(数字)的图标,一旦我将鼠标移到该图标上,它就会显示一个带有小列表(3 项)的小弹出窗口,与我们在社交网络中的行为类似站点(通知图标)。到这里都很好。现在在我底部的弹出窗口中,我添加了一个文本 "Show more"。这应该通过 Ajax 调用从数据库获得 3 个以上的项目/通知,并在弹出窗口中添加响应(不关闭弹出窗口),那么总共应该有 6 个项目。

我不确定我究竟该如何实现,请帮助。

在我的 xhtml 中使用 <h:outputText value="show more}">。 在我的 bean 中,我有一个 getMoreNotification().

的方法

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

提前致谢。

没那么难

  1. 创建一个最初填充了 3 个项目的列表
  2. <p:overlay> 创建一个 <p:overlay>,例如a <p:dataList> 显示 1 中提到的这些列表。给这个组件一个 id,例如'notifications'
  3. 单击 'show more' commandLink 时,通过 actionListener 执行 getMoreNotification() 并在该方法中更新 1 中提到的列表。还要确保你有一个更新属性包含 <p:dataList>.
  4. 的值