如何在 Fullcalendar 工具提示中动态显示循环子事件?
How to show looping sub event in Fullcalendar tooltip dynamically?
我想在 Fullcalendar 插件中悬停事件时显示工具提示,但我只想在工具提示中按索引顺序显示子事件。
如果我的json是这样的:
[{
"title":"event A,
"start":"2020-07-29",
"end":"2020-07-29",
"extendedProps":{"subevent":"sub 1","subevent":"sub 2","subevent":"sub 3"},
}, {
"title":"event B,
"start":"2020-07-30",
"end":"2020-07-30",
"extendedProps":{"subevent":"sub 4","subevent":"sub 5"}]
这是我的 eventMouseEnter:
eventMouseEnter: function(info) {
var tis=info.el;
var popup=info.event.extendedProps;
var tooltip = '<div class="tooltipevent" style="top:'+($(tis).offset().top-5)+'px;left:'+
($(tis).offset().left+($(tis).width())/2)+'px"><div>Name ' + popup.title + '</div><div>sub event ' + popup.subevent + '</div></div>';
var $tooltip = $(tooltip).appendTo('body');
}
如何动态显示我的子事件?
example picture
谢谢。
此致,
埃卡
eventMouseEnter: function(info) {
var tis=info.el;
var popup=info.event.extendedProps;
var detail=info.event.extendedProps.itenery;
var arrayLength = detail.length;
for (var i = 0; i < arrayLength; i++) {
var str = detail.join('<br/><br/> ');
}
var tooltip = '<div class="tooltipevent" style="top:'+
($(tis).offset().top-5)+'px;left:'+($(tis).offset().left+($(tis).width())/2)+'px">
<div>' + popup.title + '</div><div>' + str + '</div></div>';
var $tooltip = $(tooltip).appendTo('body');
}
我想在 Fullcalendar 插件中悬停事件时显示工具提示,但我只想在工具提示中按索引顺序显示子事件。
如果我的json是这样的:
[{
"title":"event A,
"start":"2020-07-29",
"end":"2020-07-29",
"extendedProps":{"subevent":"sub 1","subevent":"sub 2","subevent":"sub 3"},
}, {
"title":"event B,
"start":"2020-07-30",
"end":"2020-07-30",
"extendedProps":{"subevent":"sub 4","subevent":"sub 5"}]
这是我的 eventMouseEnter:
eventMouseEnter: function(info) {
var tis=info.el;
var popup=info.event.extendedProps;
var tooltip = '<div class="tooltipevent" style="top:'+($(tis).offset().top-5)+'px;left:'+
($(tis).offset().left+($(tis).width())/2)+'px"><div>Name ' + popup.title + '</div><div>sub event ' + popup.subevent + '</div></div>';
var $tooltip = $(tooltip).appendTo('body');
}
如何动态显示我的子事件? example picture
谢谢。
此致,
埃卡
eventMouseEnter: function(info) {
var tis=info.el;
var popup=info.event.extendedProps;
var detail=info.event.extendedProps.itenery;
var arrayLength = detail.length;
for (var i = 0; i < arrayLength; i++) {
var str = detail.join('<br/><br/> ');
}
var tooltip = '<div class="tooltipevent" style="top:'+
($(tis).offset().top-5)+'px;left:'+($(tis).offset().left+($(tis).width())/2)+'px">
<div>' + popup.title + '</div><div>' + str + '</div></div>';
var $tooltip = $(tooltip).appendTo('body');
}