如何逐滴渲染事件,完整日历

时间:2018-03-26 13:41:42

标签: javascript jquery fullcalendar fullcalendar-scheduler

我正在使用fullCalendar计划程序,我正在尝试根据它们被删除的位置来呈现事件。

因此,如果我将事件放在另外两个事件之间,它应该在那里渲染,而不是总是在日历的末尾。我有丢弃代码:

drop: function(date, jsEvent, ui, resourceId) {
                console.log("droped");
                var employers = $("#employee_ids").val();
                var emp = [];
                     $('#external-events .fc-event.isOrNotselected').each(function() {
                         var user = $(this)[0].attributes.id.value;
                         var dropedUserId = $(this).context.attributes["data-resourceid"].value;
                         emp.push(dropedUserId);
                         employers = $("#employee_ids").val(emp);
                         [dropedUserId.split('_').length - 1];
                       $('#employee_ids').val(JSON.stringify(sys.workersArray));
                         var fullname = $("#" + user).find(".fullName").text();
                         $('#fullName').val(fullname);
                         $('#user_id').val($("#" + user + " .user_id").text());
                         var profesion = $("#" + user + " .profesion").text();
                         var photoOnDropShift = $(this).find(".innerAvatarUserLeft img").attr('src');
                         $('#profesion').val(profesion);
                         $(".placeholderForMoreWOrkers ").append(
                             '<div class="employerObj" id="emp_' + dropedUserId + '">' +
                             '<ul class="dropDataUlEmployers" data-id="' + dropedUserId + '">' +
                             '<li class="imageOnDropEmp"><img src="' + photoOnDropShift + '" width="30px" style="border-radius: 50%"></li>' +
                             '<li class="user_nameHere" id="uname_here_head">' + fullname + '</li>' +
                             '<li class="remEmp"><p class="removeFunctionEmployers" onclick=sys.deleteEmployer("#emp_' + dropedUserId + '",0)><i class="fa fa-times-circle" aria-hidden="true"></i></p></li>' +
                             '</ul>' +
                             '</div>'
                         );
                     });
}

然后它打开一个模态,我填写一些信息,但我想要的主要是根据我放弃它的位置来订购事件。 上面的代码是在drop上执行的,不应该删除其所在位置的事件,它应该保留在那里,并且事件重叠我怎么想这样做?我遇到的问题是,当我添加一个事件时,我将其保存在我的数据库中,并且成功后我重新获取日历事件,它应该保留在我丢弃的地方,并且allways事件应根据丢弃的位置进行渲染,排序类型或者其他什么,我使用事件作为用户,所以如果我在星期一,星期三和星期五设置一个用户工作日,它会将事件呈现在同一行中的不同位置

0 个答案:

没有答案