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');
}
希望どおりに機能するように実装する方法がわかりません。