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();
    });