私のイベントのカスタム プロパティの 1 つがTypeId
.
私がやりたいのTypeId
は、イベントの内容に応じて、コンテナー セル全体を異なる色で表示することです。たとえば、 のイベントを含むすべてのセルTypeId = 1
の背景色を青にし、 のイベントを含むすべてのセルTypeId = 2
の背景色を緑にしたいと思います。
コールバックでセルのスタイルを変更できることは知っていますがdayRender
、その時点で各セルに関連付けられているイベントにアクセスできますか?
私のイベントのカスタム プロパティの 1 つがTypeId
.
私がやりたいのTypeId
は、イベントの内容に応じて、コンテナー セル全体を異なる色で表示することです。たとえば、 のイベントを含むすべてのセルTypeId = 1
の背景色を青にし、 のイベントを含むすべてのセルTypeId = 2
の背景色を緑にしたいと思います。
コールバックでセルのスタイルを変更できることは知っていますがdayRender
、その時点で各セルに関連付けられているイベントにアクセスできますか?
同様の問題がありました。eventRender コールバックでイベント コンテナのセルを取得できます。次のようになります。
eventRender: function(event, element, view) {
var cell = view.dateToCell(event.start);
var eventContainer = view.element.find('tr:eq(' + (cell.row + 1) + ') td:eq(' + cell.col + ')');
//or if you similar
var dateString = $.fullCalendar.formatDate(event.start, 'yyyy-MM-dd');
var eventContainer = view.element.find('.fc-day[data-date="' + dateString + '"]');
eventContainer.css('background-color', 'red');
},
イベントと要素 (および必要に応じてビュー) の両方にアクセスできるeventRenderを使用できます。
eventRender: function(event, element) {
if (event.TypeId === 1) {
$(element).css('background-color', 'blue');
}
}