我试图做的是一个过滤器按钮，当用户单击它，并键入资源名称时，就会看到只与资源名称匹配的事件。首先，呈现所有事件。然后，当用户单击搜索按钮时，只会查看与用户键入的资源匹配的事件。我使用removeevents来实现这一点，它删除所有不满足条件的事件。但是，问题是，在搜索一次后，如果用户键入了另一个资源名称，则不会查看任何事件，因为用户搜索的事件已被删除。因此，我在removeevents之前添加refetchevents。但是，这一次，没有删除任何事件，并且由于refetchevents而查看所有事件，即使我在removeevents之前键入了refetchevents。这是密码
myCustomButton1: {
text: 'filter by resource',
click: function() {
$("#calendar").fullCalendar('refetchEvents');
var teachername = prompt("type the name of teacher");
var teacherlist = <?php echo $json_array8; ?>;
var exist = false;
if(prompt)
{
for(var i = 0; i < teacherlist.length ; i++)
{
if(teacherlist[i]["courseTeacher"] == teachername)
{
exist = true;
}
}
}
if(!exist)
{
alert("check the resource name.");
}
else
{
$('#calendar').fullCalendar('removeEvents', function (calEvent) {
if(calEvent.resourceId != teachername)
{
return true;
}else
{
return false;
}
});
}
}
}
1条答案
按热度按时间vfhzx4xs1#
不要使用removeevents。根据文件(https://fullcalendar.io/docs/removeevents)，removeevents从日历对象中完全删除事件。这就是为什么在键入新的搜索字符串时找不到事件的原因。
相反，您可以在eventrender回调中使用element.hide（）和element.show（）。
注意：使用show/hide的缺点是在month视图中，fullcalendar的工作方式是以表结构呈现事件。因此，如果隐藏事件，事件不会“向上流动”，因此，事件之间会有一些空白，这看起来像是渲染问题。要通过您发布的这个显示，您将别无选择，只能使用新的eventsource重新呈现所有事件。一个简单的方法是确保您使用的eventsource进行ajax调用。您可以确保在ajaxcall中传递搜索字符串并在ajax文件中进行处理。返回值将是要呈现的筛选事件。这里不会出现显示问题，因为rerendervents可能是在内部调用的。同样，这种特殊方法的缺点是，每当您想过滤日历事件时，都必须进行ajax调用。