PrimeFaces时间线

Question

我使用primeface时间线.first，我的时间线显示刚加载，然后在我包含代码后显示

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

.but我的问题是时间线只显示焦点日期在starting...and中我不能滚动或移动timeline.the时间线的内容显示相同的内容从我的时间线开始(以焦点日期开始).but无法向左移动...to和right...cannot查看其他人。标尺出现，但不会移动时间线的内容。

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-扩展提供了插件的有限属性。

希望能有所帮助。