夢里花落0921
2023-09-21 14:14:44
我們將 fullcalendar 與 .netcore-razor 頁面一起使用。我們可以在日歷中進行粗略的操作。我們有用戶,他們擁有userColor:'#hex_color'. 所以我想在日歷中為每種用戶顏色添加點。這是日歷這就是我想要的類型基本上我只想為每個事件添加點,點顏色=用戶顏色$.each(data, function(i, v) { console.log(v); events.push({ id: v.id, title: v.subject, tooltitle: v.tool, description: v.description, start: moment(v.start), end: v.end != null ? moment(v.end) : null, color: v.themeColor, allDay: v.isFullDay, type: v.type, rate: v.rate, status: v.status, //HERE textColor: v.TextColor });})在創(chuàng)建日歷時$('#calender').fullCalendar({ contentHeight: 1000, eventLimit: true, eventColor: '#394006', events: events, //...或者我可以在控制器中制作它嗎?我怎樣才能在那里賦予風格foreach (var user in item.Users) { //var user = _userManager.FindByIdAsync(id).Result; //here's the data usertxt += user.Name+" "+user.Surname + " ● "; usertxt2 += user.Name+" "+user.Surname + " <br> ";//New try isvar v = HttpUtility.HtmlDecode("<span style='background: Red; width:15px; height:15px; radius: 100 %;'></span> "); usertxt += user.Name + " " + user.Surname + v;//變成開發(fā)者視圖 demo user1 <span style='background: Red; width:15px; height:15px; radius: 100 %;'></span> demo user2<span style='background: Red; width:15px; height:15px; radius: 100 %;'></span> //But now shows any dot beacuse edit as hmtl codes are <span class="fc-title">Demo user<span style='background: Red;'>●</span> <span style='background: Red;'>●</span> <span style='background: Red;'>●</span> Demo <span style='background: Red;'>●</span> </span>< and > turns into lt, gt最后 ?。∷赃@種方式工作,但是當日期改變時。渲染不見了。如何讓它重新渲染
1 回答

慕田峪4524236
TA貢獻1875條經(jīng)驗 獲得超5個贊
如果您的用戶數(shù)據(jù)是事件對象的一部分,那么每個事件都有與其關(guān)聯(lián)的用戶列表以及應(yīng)為它們使用什么顏色,這會更有意義。
您可以將點附加到事件的標題區(qū)域,以避免將其放置在下一行。
eventRender: function (event, element) {
var title = $(element).find(".fc-title");
event.users.forEach(function(user) {
var span = document.createElement("span");
span.style.color = user.color;
span.innerHTML = " ●";
title.append(span);
});
}
這是基于一個事件,該事件具有“users”屬性作為其一部分,結(jié)構(gòu)如下:
users: [{ "color": "red" }, { "color": "blue" }]
演示:https ://codepen.io/ADyson82/pen/MWjwBBJ?editable=true&editors=001
添加回答
舉報
0/150
提交
取消