PrimeFaces 时间线

Question

我正在使用 primeface 时间线。首先我的时间线显示只是加载，然后在我包含代码后显示它

<form prepenId="false" >
<p:timeline value="#{bean.value} />
</form>

。但我的问题是时间线在开始时只显示焦点日期......我无法滚动或移动时间线的内容。时间线显示的内容与我的时间线开始时的内容相同（从焦点日期开始）。但是无法移动...向左和向右...无法查看其他人。标尺出现，但它没有移动时间线的内容。

Answer 1

它可以在 primefaces 扩展上的时间轴组件上进行缩放和导航。确保使用最新版本的“primefaces-extension”组件而不是旧的“primefaces”时间线组件。 Primefaces 将时间线的开发转移到 primefaces 扩展。请发送您所有的 bean 和 facelts 代码。

但是还有另一种方法可以设置框架使用的原始时间轴插件的选项。

设置时间线组件的widgetVar属性：

<pe:timeline id="timeline" value="#{bean.events}"  
                     eventStyle="box"  
                     widgetVar="timelineWidget">

然后在你的 facelet 页面上放置或运行这个 javascript：

<script type="text/javascript">
timelineWidget.jq.timeline(timelineWidget.cfg.dataSource,{"zoomable":"true"});
</script>

使用此方法，您还可以设置其他属性，即 javascript 插件支持。 Primefaces-Extension 提供有限的插件属性。

希望对您有所帮助。