如何使用 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>
,但不确定如何在弹出窗口中添加响应/数据。
提前致谢。
没那么难
- 创建一个最初填充了 3 个项目的列表
- 用
<p:overlay>
创建一个 <p:overlay>
,例如a <p:dataList>
显示 1 中提到的这些列表。给这个组件一个 id,例如'notifications'
- 单击 'show more' commandLink 时,通过
actionListener
执行 getMoreNotification()
并在该方法中更新 1 中提到的列表。还要确保你有一个更新属性包含 <p:dataList>
. 的值
我是 JSF 新手,在执行 GET AJAX 请求时遇到问题。
我有一个带有计数器(数字)的图标,一旦我将鼠标移到该图标上,它就会显示一个带有小列表(3 项)的小弹出窗口,与我们在社交网络中的行为类似站点(通知图标)。到这里都很好。现在在我底部的弹出窗口中,我添加了一个文本 "Show more"。这应该通过 Ajax 调用从数据库获得 3 个以上的项目/通知,并在弹出窗口中添加响应(不关闭弹出窗口),那么总共应该有 6 个项目。
我不确定我究竟该如何实现,请帮助。
在我的 xhtml 中使用 <h:outputText value="show more}">
。
在我的 bean 中,我有一个 getMoreNotification()
.
最近我尝试使用 <p:remoteCommand>
,但不确定如何在弹出窗口中添加响应/数据。
提前致谢。
没那么难
- 创建一个最初填充了 3 个项目的列表
- 用
<p:overlay>
创建一个<p:overlay>
,例如a<p:dataList>
显示 1 中提到的这些列表。给这个组件一个 id,例如'notifications' - 单击 'show more' commandLink 时,通过
actionListener
执行getMoreNotification()
并在该方法中更新 1 中提到的列表。还要确保你有一个更新属性包含<p:dataList>
. 的值