jquery - fullcalendar changing color on move -
i have fullcalendar entries several different users. have made each user's calendar entry different color. works, except if drag calendar entry (move) date, color changes default.
json looks this
{ "events":[ { "title":"tkt[14411]", "start":"2015-07-09t06:00:00.196-0500", "end":"2015-07-09t08:00:00.196-0500", "id":"7", "userid":"1", "calcolor":"#ff0000", "classname":"ticketsrc_1", "custom":"test text here" }, { "title":"tkt[14412]", "start":"2015-07-11t06:00:00.196-0500", "end":"2015-07-11t08:00:00.196-0500", "id":"7", "userid":"2", "calcolor":"#ffff00", "classname":"ticketsrc_2", "custom":"test text here" } ], "error":"0" } my code add events , change color each this:
// remove duplicate events for(var i=0;i<=json.events.length-1;i++){ $('#calendar').fullcalendar("removeevents",json.events[i].id); } // set colors each user $.when( $('#calendar').fullcalendar("addeventsource",json) ).done(function(){ var cname=""; for(var i=0;i<=json.events.length-1;i++){ cname=".ticketsrc_"+json.events[i].userid; $(cname).css("background",json.events[i].calcolor); } });
the solution pass "color" parameter in json
{ "events":[ { "title":"tkt[14411]", "start":"2015-07-09t06:00:00.196-0500", "end":"2015-07-09t08:00:00.196-0500", "id":"7", "userid":"1", "color":"#ff0000", "classname":"ticketsrc_1", "custom":"test text here" }, { "title":"tkt[14412]", "start":"2015-07-11t06:00:00.196-0500", "end":"2015-07-11t08:00:00.196-0500", "id":"7", "userid":"2", "color":"#ffff00", "classname":"ticketsrc_2", "custom":"test text here" } ], "error":"0" }
Comments
Post a Comment