时间戳

首页 > 解决方案 > Primefaces 时间线在更新时闪烁

jsf - Primefaces 时间线在更新时闪烁

问题描述

Primefaces 时间线在更新时闪烁。这是非常不美观的旧版本在更新时没有闪烁。如果您单击 primefaces 展示中的按钮，您可以看到它的外观：

https://www.primefaces.org/showcase/ui/data/timeline/editServer.xhtml?jfwid=0a833

        <p:timeline id="timeline" value="#{editServerTimelineView.model}" var="booking"
                zoomMax="#{editServerTimelineView.zoomMax}"
                start="#{editServerTimelineView.start}"
                end="#{editServerTimelineView.end}"
                editable="true" editableTime="#{editServerTimelineView.editableTime}"
                widgetVar="timelineWdgt">


        <p:commandButton value="Toggle TimeChangeable" process="@this" update="timeline" 
                     action="#{editServerTimelineView.toggleEditableTime}"/>

当您更新时间线时，也会发生同样的事情。

你知道如何防止时间线闪烁吗？

标签： jsfprimefaces

解决方案

是的，新的时间线在渲染时会做更多的工作，并且有很多新功能，但这是一个副作用。他们提供加载屏幕模板，让您的用户知道它的加载方式。

<f:facet name="loading">
   <h1>Loading please wait...</h1>
</f:facet>

推荐阅读