FullCalendar 资源可点击

Question

在 FullCalendar 中如何使资源可点击？

我检查了 API 但我什么也看不到，我是不是漏掉了什么？

我正在参加 resource-click 活动，就像我们举办的活动一样？

Answer 1

在 resourceRender 回调函数中，您可以将点击处理程序添加到第二个参数。

function resourceRenderCallback(resourceObj, labelTds, bodyTds){
    labelTds.on('click', function(){console.log('click');});
}

这显然是一个非常简单的点击功能，但您可以根据需要填写该功能。为了更多地匹配文档，这将更接近他们定义函数的方式

resourceRender: function(resourceObj, labelTds, bodyTds) {
    labelTds.on('click', function(){console.log('click');});
}

Answer 2

这在完整日历资源时间线计划版本 4.0 中已更改。您必须使用 'addEventListener' 到 DOM 对象 'el' 请参阅下面调用 'resourceRender' 的片段。

document.addEventListener('DOMContentLoaded', function () {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            schedulerLicenseKey: '<hidden>',
            plugins: ['interaction', 'resourceTimeline'],
            resourceLabelText: 'Resources',
            resources: "<see fullcalendar support docs>",
            events: "<see fullcalendar support docs>",
            resourceRender: function (renderInfo) {
                renderInfo.el.addEventListener("click", function () { console.log('clicked:' + renderInfo.resource.id); });
            }
        });
        calendar.render();
    });

FullCalendar 资源可点击

FullCalendar resource clickable

fullcalendar-scheduler