javascript - 明喻时间轴 - float 日期

Question

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

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

我们可能会遇到非常长的日历(高度 > 1000 像素)。发生的情况是，日期标签显示在页面底部，当用户位于页面顶部时不可见。

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

当 DAY 带太长而无法放入屏幕时，日期标记将被隐藏。是否可以 float 日期(仅在一个范围内)，以便即使用户滚动(向上或向下)，日期仍处于 View 中？

Answer 1

我不确定我是否正确理解了您的问题，但是当您在时间轴中创建波段时，Timeline.createBandInfo() 接受一个参数对象，其中一个参数是“对齐”。如果您将此设置为“顶部”，那么您的日期标记将出现在乐队的顶部。例如:

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