Пользовательское событие jQuery fullcalendar - PullRequest
Новая
       11

Пользовательское событие jQuery fullcalendar

1 голос
/ 12 апреля 2010

Мне было интересно, как применить пользовательский рендеринг к событию ... Я хочу иметь возможность добавить "терпеливое" название программы занятий ... 

eventRender: function(event, element) {         
    console.log(element[0]);
}

В данный момент это показывает вывод HTML в консоли, но я не знаю, как я могу получить к нему доступ (довольно jQuery) для манипулирования данными внутри.

Вывод консольного дампа 

<div class="fc-event fc-event-vert fc-corner-top fc-corner-bottom dr1" style="position: absolute; z-index: 8; top: 104px; left: 403px; width: 155.7px; height: 40px; ">
  <a>
    <span class="fc-event-bg">
    <span class="fc-event-time">10:30 - 11:30</span>
    <span class="fc-event-title">Primera vez que viene</span>
  </a>
  <div class="ui-resizable-handle ui-resizable-s">=</div>
</div>

1 Ответ

5 голосов
/ 12 апреля 2010

Вы пытались это сделать? 

eventRender: function(event, element) {         
 // get your new title somehow
 var title = "New Content";
 // replace the event title
 element.find('.fc-event-title').text( title );
}

Редактировать: Да, и если вы просто хотите сделать предварительный переход, измените его на что-то вроде этого: 

eventRender: function(event, element) {         
 // get the name somehow
 var name = "Joe";
 // prepend the name
 element.find('.fc-event-title').prepend( name + ' - ' + title );
}
...