0

JSF で FullCalendar jQuery プラグインを使用したいと考えています。

しかし、たとえば FullCalendar の eventClick に f:ajax リスナーを追加するにはどうすればよいでしょうか?

リスナーを追加するコードは次のとおりです。

<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>
4

1 に答える 1

1

恐れ入りますが、直接行うことはできません。ただし、たとえば、非表示のボタンを追加し、ajax リスナーをそれに接続して、javascript からボタンをクリックすることができます。クライアント側の JSF API を使用して ajax を自分で送信することもできます。

ただし、最初の方法の方が簡単です。詳細については、こちらを参照してください。

もう 1 つの可能性は、タグを使用してa4jライブラリを試すことです。<a4j:jsFunction>

于 2013-05-10T13:53:00.033 に答える