Question

我有活动填充我的完整日历，并且我想为符合特定条件的某些活动添加图标。例如，我的日历事件是将添加到路线的工单的表示。因此，如果工作订单在路线中，我希望表示该工单的事件在标题中有一个图标，表示它是路线的一部分。

我可以改变事件的颜色，但我不仅仅是颜色。我问得太多了吗？这可能吗？

Answer 1

eventRender: function(event, element, calEvent) {
        element.find(".fc-event-title").after($("<span class=\"fc-event-icons\"></span>").html("<img src=\"images/on1.jpg\" />"));
    }

Answer 2

当然可以。在eventRender中，您可以查找并操作.fc-event-title（请注意，某些“短”事件可能没有此标记），或者只是添加带有图像背景的类，或者添加一个dingbat（此处为子弹），如： .fcimg .fc-event-title:before {content: "\025cf\00020";}

Answer 3

你也可以在DayEventRenderer.js文件转到“daySegHTML”函数的插件中进行一些修改，然后在条件if (!event.allDay && seg.isStart)之后（这是制作的开始） event div itslef）插入以下语句：

if (event.imgSource != '')
            html += "<div><img src='" + event.imgSource + "' style='display:inline;width:2.0em;height:2.0em;margin-bottom:0.5em'></div>";

请注意，event.imgSource不是内置事件属性，但您必须在提供事件数据时提供它。

因此，如果您不提供event.imgSource，则不会包含任何内容，如果您提供图片来源，它会自动添加。

希望这会解决问题：）

fullCalendar - 基于某些条件将事件添加到事件的任何方式？

3 个答案: