我的全日历调度程序视图资源忘记了一个资源

Question

我是FullCalendar的初学者，我需要开发一个具有垂直资源的调度视图的日历。我的问题是，当我想在日历中插入资源对象时，FullCalendar 只显示 14 个资源，而我有 15 个资源。我的日历总是忘记一个资源。

请参阅我的代码以插入资源：

//Fetch all users from database
function fetchAllUsers() {
schedulerService.fetchAllUsers()
.then(
function(d) {
self.users = d;
for(var i = 0; i < d.length; i++)
{             
$('#calendar').fullCalendar('addResource', {
id: d[i].nom,
title: d[i].prenom + " " + d[i].nom,
});
}
},
function(errResponse) {
console.error('Error while fetching activities');
}
);
}

请查看数组对象(没有数据，因为我无法在 Stackoverflow 上发布此数据(：

[
{
"id": 601,
"nom": "TEST4",
"prenom": "TEST2",
},
{
"id": 2,
"nom": "TEST8",
"prenom": "TEST6",
},
{
"id": 1,
"nom": "TEST7",
"prenom": "TEST3",
},
{
"id": 4,
"nom": "TEST45",
"prenom": "TEST6",
},
{
"id": 6,
"nom": "TEST23",
"prenom": "TEST12",
},
{
"id": 9,
"nom": "TEST20",
"prenom": "TEST25",
},
{
"id": 10,
"nom": "TEST74",
"prenom": "TEST68",
},
{
"id": 11,
"nom": "TEST78",
"prenom": "TEST87",
},
{
"id": 12,
"nom": "TEST456",
"prenom": "TEST568",
},
{
"id": 401,
"nom": "TEST75",
"prenom": "TEST454",
},
{
"id": 501,,
"nom": "TEST42",
"prenom": "TEST125",
},
{
"id": 617,
"nom": "TEST754",
"prenom": "TEST7512",
},
{
"id": 619,
"nom": "TEST45",
"prenom": "TEST78",
},
{
"id": 611,
"nom": "TRUC",
"prenom": "TEST",
},
{
"id": 604,
"nom": "TOTO",
"prenom": "TUTUT",
}
]

(长度 ： 15(

我数据的真实 ID ：

在此处输入图像描述

感谢您的帮助！

Answer 1

您的问题是因为您有两个具有相同nom的资源，并且由于您使用nom作为资源 ID，因此它会失败，因为您不能有重复的 ID - 如果您这样做，fullCalendar 在执行诸如添加到日历或拖动事件之类的操作时将无法区分它们。

请参阅演示该问题的 https://jsfiddle.net/toytd26b/74 - 第二个带有 nom 的资源："TEST45"不会添加到日历中。

假设对象中的id字段是唯一的，我建议您改用它作为资源 ID。只需对代码进行微小的更改：

for(var i = 0; i < d.length; i++)
{             
$('#calendar').fullCalendar('addResource', {
id: d[i].id, // use your id field as the resource ID
title: d[i].prenom + " " + d[i].nom
}, true);
}

现在查看 https://jsfiddle.net/toytd26b/75 使用id字段作为资源 ID。所有资源都显示在日历上。