fullcalendar 上的 jsf 监听器答案

【问题标题】：jsf listener on fullcalendarfullcalendar 上的 jsf 监听器
【发布时间】：2013-05-05 05:03:17
【问题描述】：

我想在 JSF 中使用 FullCalendar jQuery 插件。

但是如何将 f:ajax 侦听器添加到例如FullCalendar 的 eventClick？

这是我要添加监听器的代码：

<ui:define name="content">
    <div id="calendar">
    <f:ajax event="eventClick" listener="#{scheduleController.onDateSelect}"/>
    </div>
</ui:define>

<ui:define name="jsFiles">
    <script>
        $(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);
                }
            });

        });
    </script>
</ui:define>

【问题讨论】：

如何在其中填充事件？

标签： jquery jsf

【解决方案1】：

恐怕你不能直接做。但是，您可以例如添加一个隐藏按钮，将 ajax 侦听器连接到它，然后单击 javascript 中的按钮。您也可以尝试使用客户端 JSF API 自己发送 ajax。

不过，第一种方法更简单 - 请参阅 here 了解更多详情。

另一种可能性是尝试使用a4j 库使用<a4j:jsFunction> 标签。

【讨论】：