Simile时间轴 - 浮动日期

时间:2010-07-13 08:20:55

标签: javascript css timeline simile

我们正在尝试将Simile时间轴(http://www.simile-widgets.org/timeline/)集成到SalesForce.com支持的页面中。

业务是,公寓预订。日历将显示针对相关公寓的预订。公寓出现在左侧的一个单独的div上,并且是固定的。

我们可能遇到很长的日历(高度> 1000px)。会发生什么,日期标签显示在页面底部,当用户位于页面顶部时,日期标签不可见。

alt text http://img130.imageshack.us/img130/9459/grabsfcalendar.png (请注意,此抓取中没有显示预订,高度也不高)

当DAY波段太长而无法放入屏幕时,会隐藏日期标记。是否可以浮动日期(仅在一个波段中),以便即使用户滚动(向上或向下),日期仍在视图中?

2 个答案:

答案 0 :(得分:0)

我不确定我是否正确理解了您的问题,但是当您在时间轴中创建一个波段时,Timeline.createBandInfo()会获取一个参数对象,其中一个参数是'align'。如果将其设置为“顶部”,则日期标记将显示在波段的顶部。例如:

Timeline.createBandInfo({
    eventSource: eventSourceNarrative,
    date: "May 10 1199 00:00:00 GMT",
    width: "40%",  
    align: "Top",
    intervalUnit: Timeline.DateTime.MONTH,
    intervalPixels: 52,
    theme: johnTheme
}),

但请注意http://www.simile-widgets.org/wiki/Timeline_ThemeClass#track

的附带条件

或者,可以使用hAlign在“主题”对象中设置此属性。请参阅以下文档:

http://www.simile-widgets.org/wiki/Timeline_ThemeClass


另见以下代码: http://code.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/scripts/ether-painters.js

实际应用'align'参数的函数是:

Timeline.EtherIntervalMarkerLayout

答案 1 :(得分:0)

为什么不创建一个没有数据的单独乐队,但是与有数据的乐队同步,这样,你总能看到日期?您很可能需要打开垂直滚动条才能实际进入屏幕区域。