Comment faire pour désactiver les liens dans FullCalendar lors de l'utilisation de Google Agenda?

Je suis à l'aide de FullCalendar bibliothèque pour charger des événements dans mon calendrier de Calendriers Google.
Malheureusement, après les événements ont été ajoutés au calendrier, ils sont cliquables. Lorsque vous cliquez sur l'événement que vous êtes automatiquement redirigé vers les Calendriers Google page pour voir cet événement spécifique, ou si vous avez enaught des droits d'accès - pour modifier directement.
Tout ceci est très utile pour la gestion de l'événement, je ne peux pas imaginer pourquoi un visiteur du site voudrais être redirigé vers une page externe à chaque fois qu'il clique sur un événement dans un calendrier.

Est-il un moyen de désactiver "ouvert sur la souris sur les FullCalendar, l'écrasement d'ouvrir un lien à un vide appel de fonction javascript pourrait également être une option.

OriginalL'auteur Cninroh | 2011-10-18

  1. 5

    Peut-être la peine d'essayer votre propre événement rendu dans le fullcalendar options: 

    { eventRender:function (event, element)}

    Pour ce faire, vous aurez besoin d'écrire tout le code de rendu vous - pouvez commencer avec la mise en place initiale et ajuster si nécessaire.

    N'ont pas essayé avec google calendrier de mise en œuvre, mais l'ai utilisé avec json personnalisé pour activer ou désactiver href tant que de besoin.

    Alternativement, vous pouvez:

    Hack de la gcal.js fichier afin de le rendre définissez pas le href de propriété sur les objets event.

    Ou

    Intercepter les données d'événement avant le rendu, et de supprimer le href de la propriété.

    OriginalL'auteur seanb

  2. 12

    La documentation sur le FullCalendar site web fait référence à la fonction de callback 'eventClick':

    http://arshaw.com/fullcalendar/docs/mouse/eventClick/

    Si l'url de la propriété est définie sur l'Objet de l'Événement, puis en retournant false empêche le navigateur de la visite de l'événement url. Donc, quand vous initialiser FullCalendar ajouter le eventClick fonction de rappel avec quelque chose le long des lignes de...

    $('#calendar').fullCalendar({
    eventClick: function(event) {
        if (event.url) {
            return false;
        }
    }
});
    Il ne fonctionne pas...

    OriginalL'auteur groper

  3. 4

    Modifier le fichier gcal.js

    events.push({
    id: entry['gCal$uid']['value'],
    title: entry['title']['$t'],
    //url: url,
    start: start,
    end: end,
    allDay: allDay,
    location: entry['gd$where'][0]['valueString'],
    description: entry['content']['$t']

    Supprimer la ligne: url: url,

    OriginalL'auteur good human

  4. 2

    Vieille question, mais voici comment j'ai "fixé".

    eventRender(event, element) {
    element.on('click', e => e.preventDefault());
}

    Ce sera probablement vous empêcher de mettre en œuvre d'autres sur les comportements, comme l'ouverture d'un formulaire pour modifier un événement lorsque vous cliquez dessus.

    Si vous avez ajouté un className à des événements de votre Calendrier Google, vous pourriez vouloir faire comme cela

    eventRender(event, element) {
    element.on('click', e => {
        if (!!element.closest('.your-gcalendar-class-name').length) {
            e.preventDefault();
        }
    });
}

    Qui pourrait fonctionner...

    bonne prise, mais vous devriez commencer à utiliser => à la place de la fonction. Merci pour la solution.
    Ouais, de retour en 2015, lorsque j'ai posté cette réponse, ES6, la flèche de fonctions n'étaient pas largement pris en charge.

    OriginalL'auteur Silvestre Herrera

  5. 1

    L'ajout d'une solution qui fonctionne avec FullCalendar v3 comme d'aujourd'hui (Août 2018).

    Pour éviter eventClick de la réorientation de la url spécifié dans events, il suffit d'utiliser .preventDefault() comme:

    eventClick: function( event, jsEvent, view ) {
    jsEvent.preventDefault();


    //click events previously defined will also be prevented
    //so, any alternate tasks (like showing modal) on eventClick must go here
}

    OriginalL'auteur Fr0zenFyr

  6. 0

    J'ai édité le fullcalendar.fullcalendar.js fichier dans sites/all/modules/fullcalendar
    et commenté les lignes 12 à 17 : 

     var options = {
      eventClick: function (calEvent, jsEvent, view) {
      /* if (settings.sameWindow) {
          window.open(calEvent.url, '_self');
        }
        else {
          window.open(calEvent.url);
        } */
        return false;
      },
    -1 parce que la modification de l'origine de la bibliothèque est une très mauvaise suggestion. Fullcalendar offre de nombreuses options pour passer outre les fonctions, y compris eventClick().

    OriginalL'auteur user1568807

  7. 0

    Cela a fonctionné pour moi

    eventClick: function (event) {
    //Prevent redirect to Google Calendar
    event.jsEvent.cancelBubble = true;
    event.jsEvent.preventDefault();
}

    OriginalL'auteur user3195270