我为 jquery 插件 fullcalendar 找到了一个很好的资源视图实现。
Jarno Kurlin 的 Fullcalendar Resourceview
但是,对于资源日视图,我无法显示一整天,我想让这个视图像原始完整日历附带的议程视图一样滚动。
有人尝试过吗?实现滚动的最佳方法是什么?
提前感谢您在此问题上的任何帮助。
我为 jquery 插件 fullcalendar 找到了一个很好的资源视图实现。
Jarno Kurlin 的 Fullcalendar Resourceview
但是,对于资源日视图,我无法显示一整天,我想让这个视图像原始完整日历附带的议程视图一样滚动。
有人尝试过吗?实现滚动的最佳方法是什么?
提前感谢您在此问题上的任何帮助。
您只需要应用简单的 css 来添加滚动条。对 DOM 的检查显示有一个 div 包含类似于以下的资源视图:
<div class="fc-view fc-view-resourceDay fc-grid" style="position: relative; display: block;" ...
该类fc-view
的 css 属性overflow
设置为hidden
. 您可以在自己的 css 文件中将其覆盖为scroll
例如。
.fc-view {
overflow : scroll
}
如果您只想为资源日视图设置它,那么只需执行以下操作:
.fc-view.fc-view-resourceDay {
overflow : scroll
}
您不能使用溢出,因为在渲染时它会计算绝对位置,并且当您在中间滚动更改日期时,它会错误地显示事件
我自己也注意到了这一点,我有很多资源,它使每一列都太小了,所以我添加了这个以使列更宽:
.fc-day-content {width:150px!important;}
然后将其用于滚动条:
.fc-view {溢出:滚动!重要;}
但我最终得到了这个
添加我不知道如何解决它,想知道是否有人有想法或解决方案
谢谢