Как настроить событие, нажав на полный календарь, чтобы вы попали на страницу редактирования этого события?

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 в URL, чтобы всегда получать идентификатор конкретного события, на которое я нажал?

Когда я пытаюсь:

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

календарь больше не загружается на страницу.

UPDATE: Когда я пытаюсь:

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

Работает!

Answer 1

Вы можете установить свойство 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, то браузер автоматически перейдет на эту страницу при нажатии на событие.

Answer 2

Попробуйте

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

UPD: , что эквивалентно

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