0

fullcalendar スケジューラーのタイムライン ビューでインジケーターを設定することは可能ですか? ユーザーがリソース タイトルを押すと、その td が background-color: blue になるようにします。ユーザーが別のリソースをクリックすると、その背景が青色になり、もう一方 (最後) の背景が再びデフォルトになります。これが私のコードです:

<script type="text/javascript">
$(function() { // document ready

    var schedule = $('#calendar').fullCalendar({
        schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
        editable: false,
        lang: 'lt',
        height: 500,
        header: {
            left: 'prev',
            center: 'title',
            right: 'next'
        },
        defaultView: 'timelineYear',
        slotLabelFormat: [
            'MMMM',
            'D'
        ],
        resourceAreaWidth: '15%',
        resourceLabelText: 'Vadovas',
        resources: [
            <?php
                foreach($items as $item) {
                    echo "{ id: '".$item->id."', title: '".$item->title."', eventColor: '".$item->color->name."' },";
                }
            ?>
        ],
        events: [
            <?php
                foreach($items as $item) {
                    foreach($item->reservations as $reservation) {
                        echo "{ id: '".$reservation->id."', resourceId: '".$item->id."', start: '".$reservation->project->start_date."', end: '".$reservation->project->end_date."', title: '".$reservation->quantity."',  url: '/manager/project/".$reservation->project->id."/show' },";
                    }
                }
            ?>
        ]
    });
});
</script>

この関数を使用する必要があることはわかっています。

resourceRender: function(resourceObj, labelTds, bodyTds) {
    labelTds.css('background', 'blue');
}

希望どおりに機能するように実装する方法がわかりません。

4

0 に答える 0