如何设置活动在完整日历上的点击，以使您进入该活动的编辑页面？

Question

页面上的日历如下：

当我单击这些事件之一时，我希望转到该特定事件的编辑页面。我的代码如下：

$(document).ready ->
        $("#msCalendar").fullCalendar({

            header:
                left: "prev today"
                center: "title"
                right: "month,basicWeek next"

            editable: true

            events: "marketingSchedule"

            eventClick: (event) ->
                window.location = "http://localhost:3000/quotes/1/edit"
        })

如何更改网址中的数字1，以始终获取我单击的特定事件的ID？

当我尝试：

eventClick: (event) ->
                window.location = `http://localhost:3000/quotes/${event.id}/edit`

日历不再在页面上加载。

更新： 当我尝试时：

eventClick: (event) ->
                    window.location = ('http://localhost:3000/quotes/' + event.id + '/edit')

有效！

Answer 1

尝试

eventClick: (event) ->
                window.location = `http://localhost:3000/quotes/${event.id}/edit`

UPD：：等效于

eventClick: (event) -> 
                (window.location = 'http://localhost:3000/quotes/' + event.id + '/edit')

Answer 2

您可以设置每个事件对象的url属性，例如

{
  id: 123,
  title: "Team Meeting",
  start: "2018-07-06 10:00",
  end: "2018-07-06 11:00",
  url: "quotes/123/edit"
}

有关属性的详细信息，请参见https://fullcalendar.io/docs/event-object。如果存在url属性，则单击事件后浏览器将自动导航到该页面。