1

fullcalendar イベントをカスタマイズしようとしています。イベント ソースは 1 つだけで、イベント オブジェクトは次のようになります。

{ id = 1, title = "XYZ Apple", start = "2013-10-02", end = "2013-10-06", allDay = true, userId= "abc" }

私が達成しようとしているのは、ユーザー ID に基づいて、イベントの色を定義したいということです。色の選択は重要ではなく、ランダムにすることができ、ユーザー数は動的です。たとえば、UserId "abc" のすべてのイベントは黒で表示されます UserId "xyz" のすべてのイベントは赤で表示されます。

また、次のように複数のリソースを持つイベント ソースによって定義できるかどうかの提案を探しています。「abc」の場合 - 異なるイベント ソース 「xyz」の場合 - 異なるイベント ソース。

ユーザーは動的です。

助言がありますか：

私のカレンダーはこんな感じ

var calendar = {
    header: {
        left: 'prev,next',
        center: 'title',
        right: 'today, basicDay,basicWeek,month'
    },
    defaultView: 'month',
    buttonText: {
        today: 'Today',
        day: 'Day',
        week: 'Week',
        month: 'Month',
        prev: 'Prev', 
        next: 'Next', 

    },
    weekends: true, 
    editable: true,
    events: {
        ignoreTimezone: true,
        url: 'GetEvents',                              
        error: function () {
            alert('GetEvent Call Failed!');
        }
    }
};

myCalendar.fullCalendar(calendar);
4

1 に答える 1

0

eventBackgroundColor各イベントでパラメーターを渡すことにより、イベントの色をカスタマイズできます ( Event object docs )。

色を生成するには、「シードされたランダムな色」が必要です。ここに1 つ(Javascript) があり、この Ruby メソッドも使用しました。

def random_hex(integer)
  srand integer
  (rand * 100000000).to_i.to_s(16)[0..5]
end

ユーザー ID を使用してシードします。概念は他の言語でも似ているはずです。

于 2013-10-03T20:36:31.423 に答える