带有Rails event.id的完整日历模式链接

Full Calendar modal link with Rails event.id

本文关键字：日历 模式 链接 Rails event id 带有      更新时间：2023-09-26

好。。。我成功地将完整的日历插件添加到了我的Rails 4应用程序中。一切都和完整的日历演示一样有效。我正在使用循环手动创建jSON事件对象（虽然不理想，但它可以工作）。日历会正确显示事件。当我单击一个事件时，会出现相应的模态，其中包含有关该事件的扩展信息。

现在，在模态中，我希望有一个指向该事件的Rails编辑表单的链接。

我创建了一个自定义jQuery var

$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2015-12-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
events: [<%= @caldata %>],

eventClick:  function(event, jsEvent, view) {
    $('#modalTitle').html(event.title);
    $('#modalBody').html(event.description);
    $('#editUrl').html("events/" || event.id || "/edit");
    $('#eventUrl').attr('href',event.url);
    $('#fullCalModal').modal();
}
});
});

Modal的代码是

<a href="#editUrl">edit</a>

这无疑不会呈现该链接。关于如何离开Modal并进入Rails编辑事件表单的任何想法。更新后，我可以很容易地返回到完整的日历显示。

多次跳舞

在模式'editUrl'中为链接创建id：

<a id="editUrl">Edit</a>

然后在设置路径时，找到链接并设置href属性：

$('#editUrl').attr('href',"events/" + event.id + "/edit");

这是假设模态是预先创建的。我不确定你创建模态的方法是如何工作的，你的顺序可能是正确的，但从外观上看，我认为你应该首先调用.modal（）函数来创建模态，然后设置属性：

$('#fullCalModal').modal();
$('#modalTitle').html(event.title);
$('#modalBody').html(event.description);
$('#editUrl').attr('href',"events/" + event.id + "/edit");
$('#eventUrl').attr('href',event.url);
相关文章：