fullcalendar-scheduler - 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 中已更改。您必须对 DOM 对象 'el' 使用 'addEventListener' 请参阅下面调用“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();
    });