JSF2 重新渲染/更新用户界面：使用 Ajax 重复列表

Question

我有一个 ui:repeat 列表，它从我的数据库中提取了一堆值，我在基于 jQuery 的新闻提示器中使用它。我正在尝试通过 ajax 定期更新/重新呈现此列表，因为我正在使用 primefaces p:poll 方法有效地将最新的新闻条目显示到我的数据库中。

另外，我已经有一个 p:poll ajax 函数已经在工作，它轮询我存储在我的数据库中的项目数，我想链接到我的 ui:repeat 列表以根据这个数字变化进行更新，但是对于现在我只是想让它更新！

下面是 ui:repeat 列表的编译方式：

                        <h:form>
                        <div id="ticker-wrapper" class="no-js">
                            <ui:repeat id="newsTickerList" value="#{dbWidgetBean.latestNewsList}" var="newsItem">           
                                <ul id="js-news" class="js-hidden">

                                    <li class="news-item">                                               
                                        <h:outputLink  value="#{newsItem.rssLink}" target="_blank">
                                            <b><h:outputText value="#{newsItem.indexName}: "/></b>
                                            <h:outputText value="#{newsItem.testFeedLatest}"/>
                                        </h:outputLink>
                                    </li>

                                </ul>
                            </ui:repeat>
                        </div>
                        <p:poll interval="60" listener="#{dbWidgetBean.latestNewsList}" update="newsTickerList"/>
                    </h:form>

我已经尝试了上述代码的各种衍生产品，并且列表在 @PostConstruct 元素中构建得很好，但我无法更新列表！

任何帮助将不胜感激！

干杯

Answer 1

您是否尝试过更新周围的 div“ticker-wrapper”标签？ 如果这不起作用，请将 div 替换为 p:outputPanle 并更新它。