.net Core Fullcalendar 显示点

Question

我们将 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  });})在创建日历时$('#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;//变成开发者视图    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&lt;span style='background: Red;'&gt;●&lt;/span&gt; &lt;span style='background: Red;'&gt;●&lt;/span&gt; &lt;span style='background: Red;'&gt;●&lt;/span&gt; Demo &lt;span style='background: Red;'&gt;●&lt;/span&gt; </span>< and > turns into lt, gt最后 ！！它以这种方式工作，但是当日期改变时。渲染不见了。如何让它重新渲染

Answer 1

如果您的用户数据是事件对象的一部分，那么每个事件都有与其关联的用户列表以及应为它们使用什么颜色，这会更有意义。

您可以将点附加到事件的标题区域，以避免将其放置在下一行。

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 = "&nbsp;●";

    title.append(span);

  });

}

这是基于一个事件，该事件具有“users”属性作为其一部分，结构如下：

users: [{ "color": "red" }, { "color": "blue" }]

演示：https ://codepen.io/ADyson82/pen/MWjwBBJ?editable=true&editors=001