2017-08-16 3 views
0

J'ai travaillé avec la bibliothèque Fullcalendar.Popup fullcalendar pas entièrement visible lorsque nous avons plus d'événements dans la cellule unique

Lutter contre le problème avec le menu contextuel du calendrier lorsque j'ai plus d'événements dans la cellule individuelle, cela va dans le pied de page. comme indiqué dans l'image ci-dessous. J'ai essayé de résoudre le problème avec z-index mais je n'ai pas fonctionné.

Comme j'ai cherché correctif trouvé ce pull request qui ne fusionne pas à maîtriser.

Je ne pouvais pas trouver un moyen que lorsque nous pouvons déplacer le popup.

Pourriez-vous s'il vous plaît m'aider à résoudre ce problème.

+1

Comment z-index corriger quoi que ce soit ici, vous n'avez pas un problème sur l'axe z ... – CBroe

+0

si vous avez trop d'événements Révéler dans une cellule, vous pouvez utiliser l'option eventLimit pour les réduire https://fullcalendar.io/docs/display/eventLimit/. Le reste sera ensuite affiché dans une fenêtre contextuelle lorsque le bouton "more" est cliqué. – ADyson

+0

J'ai utilisé la limite d'événement, ci-dessus pop-up est venu après avoir cliqué sur plus de bouton seulement. –

Répondre

0

Ce problème m'a été corrigé en prenant la ligne la plus proche du calendrier et en la comparant avec la dernière ligne. si les deux sont identiques, ne modifient que la position de la fenêtre contextuelle. S'il vous plaît laissez-moi savoir si quelqu'un a une autre bonne solution

// If it is last row of in the calendar. 
     $elem.on('click', '.fc-more', function (evt) { 
      var closestRow = angular.element(this).parents().closest('.fc-row.fc-week')[0]; 
      var lastRow = angular.element(this).parents().find('.fc-row.fc-week:last')[0]; 
      if (closestRow === lastRow && screen.width <= 1700) { 
      var popElement = angular.element('.fc-popover.fc-more-popover'); 
      popElement.css({ 'top': popElement.position().top - 80 + 'px' }); 
      } 
     });