在完整日历垂直资源视图中动态设置列的宽度

Question

是否可以动态设置完整日历垂直资源视图中列的宽度?

Answer 1

我刚刚在css中设置了#calendar width。

如果我有这样的html代码:

<div id="content">
   <div id="calendar"></div>
</div>

我这样使用css:

#content
{
    overflow-x: scroll;
}
#calendar
{
    width: 3000px;
}

Answer 2

我没有改变实际的单元格宽度，但是因为它们可以拉伸以适应整个调度程序的宽度，如果你改变整个调度程序的最小宽度，你可以使单元格改变宽度。

我在viewRender

中做了这个

$("#schedule_container").css('min-width',$('.fc-resource-cell').length*125);

和eventAfterAllRender

$('.fc-agendaDay-button').click(function(){$("#schedule_container").css('min-width',$('.fc-resource-cell').length*125);});

这使得所有的文本适合每个单元格。125是经过一些测试，找到一个好的尺寸为我。你可以随意设置每条线的宽度或宽度