PrimeFaces时间表

Question

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

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

。但我的问题是时间线显示刚开始的焦点日期...我无法滚动或移动时间轴的内容。时间线显示的是与我的时间轴开始的相同内容（从焦点日期开始）。但是不能移动......左右......不能查看其他人。统治者出现，但它没有移动时间轴的内容。

Answer 1

它可以缩放并导航在primefaces扩展上的时间轴组件默认值上。请务必使用最新版本的＆＃34; primefaces-extension＆＃34;组件而不是旧的＆＃34; primefaces＆＃34;时间表组件。 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提供有限的插件属性。

希望它能提供帮助。