jsf listener on fullcalendar <p>I want to use the FullCalendar jQuery Plugin with JSF.</p> <p>But how can I add an f:ajax listener to an e.g. eventClick of the FullCalendar?</p> <p>Here's the code where I want to add a listener to:</p> <pre><code>&lt;ui:define name="content"&gt; &lt;div id="calendar"&gt; &lt;f:ajax event="eventClick" listener="#{scheduleController.onDateSelect}"/&gt; &lt;/div&gt; &lt;/ui:define&gt; &lt;ui:define name="jsFiles"&gt; &lt;script&gt; $(document).ready(function() { var calendar = $('#calendar').fullCalendar({ header : { left : 'prev,next today', center : 'title', right : 'month,agendaWeek,agendaDay' }, selectable : true, selectHelper : true, select : function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { calendar.fullCalendar('renderEvent', { title : title, start : start, end : end, allDay : allDay }, true // make the event "stick" ); } calendar.fullCalendar('unselect'); }, editable : true, eventClick : function(event, element) { event.title = "CLICKED!"; $('#calendar').fullCalendar('updateEvent', event); } }); }); &lt;/script&gt; &lt;/ui:define&gt; </code></pre>