亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

.net Core Fullcalendar 顯示點

.net Core Fullcalendar 顯示點

夢里花落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  });})在創建日歷時$('#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最后 ??!它以這種方式工作,但是當日期改變時。渲染不見了。如何讓它重新渲染
查看完整描述

1 回答

?
慕田峪4524236

TA貢獻1875條經驗 獲得超5個贊

如果您的用戶數據是事件對象的一部分,那么每個事件都有與其關聯的用戶列表以及應為它們使用什么顏色,這會更有意義。


您可以將點附加到事件的標題區域,以避免將其放置在下一行。


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


查看完整回答
反對 回復 2023-09-21
  • 1 回答
  • 0 關注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號