Question

OK ... 我成功地将完整的日历插件添加到我的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编辑事件表单的任何想法。更新后，我可以轻松返回完整的日历显示。

很多恶搞

Answer 1

在模式'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);

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

1 个答案: