完整的日历时间线视图资源绑定多个数据答案

【问题标题】：Full calendar timeline view resource binding multiple data完整的日历时间线视图资源绑定多个数据
【发布时间】：2021-08-19 16:43:25
【问题描述】：

如何在全日历时间轴视图中将多个内容绑定到单个资源？

在我的代码（如下）中，事件和资源是从单个 ajax 响应中添加的。我正在尝试将userdp 与title 一起添加到资源字段中。

resources:response,
events:response,
resourceAreaColumns: [
  {
    field: 'title',
    headerContent: 'Staff details'
  },
  {
    field: 'nhname',
    headerContent: 'NH Name'
  }
],

resourceLabelContent: function(arg) {
    let user = document.createElement('div');
    user.className = "users-contents";
    let username = document.createElement('p');
    let userdp = document.createElement('img');
    userdp.className='userdp';
    user.append(userdp,username);

    if (arg.resource.id == arg.resource.resourceId) {
        username.innerHTML = arg.resource.extendedProps.username;
        userdp.src = arg.resource.extendedProps.userdp;
    }

    let arrayOfDomNodes = [ user]
    return { domNodes: arrayOfDomNodes }},

【问题讨论】：

标签： javascript fullcalendar fullcalendar-5

【解决方案1】：

您的if 声明毫无意义，也没有必要。您似乎正在尝试将资源的 ID 与其“resourceID”属性进行比较。但是资源没有 resourceId 属性，无论如何，您还不清楚您期望这样的比较实现什么。

除此之外，代码似乎还不错。

resourceLabelContent: function(arg) {
  let user = document.createElement('div');
  user.className = "users-contents";
  let username = document.createElement('p');
  let userdp = document.createElement('img');
  userdp.className = 'userdp';
  user.append(userdp, username);
  username.innerHTML = arg.resource.extendedProps.username;
  userdp.src = arg.resource.extendedProps.userdp;
  let arrayOfDomNodes = [user];
  return { domNodes: arrayOfDomNodes };
},

演示：https://codepen.io/ADyson82/pen/JjNgmKJ

【讨论】：