0

我在 web 应用程序中使用 FC 来计划员工轮班。我的用户添加了一个槽并将一名或多名员工分配到该槽（或者他们自己做）。这就像一个魅力。

现在我被要求提供一个新功能——在每天的顶部放置一个“计数器”（basicWeek、agendaWeek、agendaDay 应该有这个）。

此计数器应显示为该日期计划了多少小时以及其他一些类似信息。

我的问题是如何在 THEAD 中添加一个新的 TR - 每天一个 - 或使用 AllDaySlot ，这是我在视觉上希望它的位置。目前，我使用下面的代码在议程周和基本周的每一天的顶部添加一个菜单，我尝试在循环中添加一个占位符，但没有运气。

期待您对此的智能输入：D

if (view.name === 'agendaWeek' || view.name === 'basicWeek') {
                // Add the "dropdowns" to the day headers
                var $headers = $('.fc-widget-header.fc-sun, .fc-widget-header.fc-mon, .fc-widget-header.fc-tue, .fc-widget-header.fc-wed, .fc-widget-header.fc-thu, .fc-widget-header.fc-fri, .fc-widget-header.fc-sat, .fc-day-header.fc-sun, .fc-day-header.fc-mon, .fc-day-header.fc-tue, .fc-day-header.fc-wed, .fc-day-header.fc-thu, .fc-day-header.fc-fri, .fc-day-header.fc-sat');
                $headers.css('position', 'relative');
                $headers.each(
                    function(){
                        var _d = $(this).html().substring(4);
                        $(this).prepend("<div class='topdropdown' style='position: absolute; left: 0;' onmouseover='showDayMenu(\""+ _d +"\",this);'><span class='icon12 icomoon-icon-grid-view-2'></span></div>");
                        var _date = $(this).attr("class").match("fc-col[0-9]"));
                        //$(this).parent().find(".fc-widget-content").html("<div class='topcounter' style='position: absolute; left: 0;'>"+ _date +"</div>");
                    }
                );
            }

编辑 2013-08-14：所以我尝试向 THEAD 添加一个新的 TR，结果是......不太像预期的那样:) 我向 THEAD 添加了一个新的 TR 并插入了一个橙色边框的 DIV 作为占位符，但是下面的行没有“向下移动” - 我真的被迫改变 FC 的 CSS 吗？ http://img5.imageshack.us/img5/7743/31fv.png

真的希望你们中的一个人有答案：？

最好的问候，马克

4

1 回答 1

1

这不是问题的直接答案，而是我用来完成相同任务的解决方法：

在我的情况下，我返回了一个 JSON 数组，其中包含我想添加到 fullCalendar 的元素以及开始时间结束时间标题等，但需要顶部的每日小时值（最好在全天时段中）。

我遍历了我月份范围内的每一天，并向我的事件对象添加了一个新数组对象，其中只有当天的总小时数和一个开始时间以及一个通用属性，以区分这些每日计数器与实际事件。

将事件渲染到日历时，我将 allDay 设置为 true 并锁定它们，例如：

{ 'title': item.Summary, 'start': item.Start, 'allDay': true,'startEditable': false, 'description': 'Counter' }

item.Summary 是一个字符串，其中包含来自我的服务器的小时数（“Hrs：[#]”）。

item.Start 设置为柜台当天的午夜。

这使得它们不可拖动，体积小，并且在每一天的顶部（自然而然地不管视图）。我首先用这些计数器对象填充数组对象，以确保它们呈现在页面顶部。

同样，这并不能直接解决您的问题，但它确实可以提供您正在寻找的结果。

（我只是花了几个小时来弄清楚/设置这个 - 第一个堆栈溢出帖子！）

于 2014-02-06T20:06:58.170 回答