单击时编辑完整日历资源

Question

所以我使用的是FullCalendar库版本3的调度程序插件。我已经让我的事件系统工作了，让我可以通过模式框单击编辑事件。

现在我想对资源做同样的事情，但我在那里碰壁了。

除其他外，我尝试了这个

resourceRender: function(resource, cellEls) {
    cellEls.on('click', function(resource) {
        $.getScript(resource.edit_url);
    })
}

但是我无法访问cellEls方法中的资源。

我没有找到任何这样的例子，所以我什至不确定这是否可能。

有什么想法吗？提前致谢

Answer 1

任何"click"回调的第一个参数是 JavaScript 事件对象。你无法改变这一点。

只需允许"资源"对象自然地向下传播到事件处理程序中，而不是尝试重新声明它：

resourceRender: function(resource, labelTds, bodyTds) {
    labelTds.on('click', function(event) {
        console.log(resource);
        $.getScript(resource.edit_url);
    });
}

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