jQuery Fullcalendar - Comment mettre à jour tous les événements modifiés ensemble au lieu de un par un?

Je suis en utilisant le FullCalendar plugin jQuery: http://arshaw.com/fullcalendar/

Je suis également en utilisant l'exemple où vous pouvez faire glisser des événements externes sur le calendrier: http://arshaw.com/js/fullcalendar-1.5.2/demos/external-dragging.html

Droit maintenant, j'ai un événement, cliquez sur la fonction comme suit:

eventClick: function(event) {

$.ajax({
type: "POST",
url: "ajax-schedule.php",
data: 'id=' + event.id + '&start=' + event.start + '&end=' + event.end,
success: function(data){ 

alert('done!');     
}
});


}

Cette messages dans un fichier "ajax-schedule.php" où les données sont insérées dans la base de données mysql.

Je voudrais créer un lien qui lorsqu'il est cliqué prendra toutes les nouvelles/événements de modification et d'afficher les données comme indiqué ci-dessus, au lieu de un par un.

Quelque chose comme:

<a href="#" onclick="updateSchedule();">Update Schedule</a>

La "updateSchedule" fonction serait alors afficher toutes les données.

Ressemble à la solution pourrait impliquer la "clientEvents" méthode: http://arshaw.com/fullcalendar/docs/event_data/clientEvents/
... mais je suis un peu perdu ici.

Aucune idée de comment faire cela?

OriginalL'auteur Oseer | 2011-10-11

4

Vous pouvez créer un tableau pour stocker tous les événements:
```
var arrayOfEvents = [];

$('#calendar').fullCalendar({
    ...
    drop: function(date) {
        ...
        //retrieve the dropped element's stored Event Object
        var originalEventObject = $(this).data('eventObject');

        //we need to copy it, so that multiple events don't have a reference to the same object
        var copiedEventObject = $.extend({}, originalEventObject);

        //Push the event into the array
        arrayOfEvents.push(copiedEventObject);
        ...
    },
    ...
)};

function updateSchedule()
{
    var data = "numOfEvents=" + arrayOfEvents.length;

    //You can get all events out of the array here
    for (var i = 0 ; i < arrayOfEvents.length ; i++) {
         var event = arrayOfEvents[i];
         data += "&id"    + i + "=" + event.id
               + "&start" + i + "=" + event.start
               + "&end"   + i + "=" + event.end;
    }

    //Make your ajax post here
    $.ajax({
        type: "POST",
        url: "ajax-schedule.php",
        data: data,
        success: function(response){ 
            alert('done!');     
        }
    });
}
```
Donc sur le côté serveur, votre code peut obtenir "numOfEvents" et il suffit d'exécuter une boucle de 0 à numOfEvents pour obtenir tous les événements.

Merci beaucoup pour cet affichage. J'ai une question: Où dois-je mettre de l'ajax post? Consultez la modification de votre code pour voir ce que j'ai fait... ça ne marche pas bien donc je doit faire quelque chose de mal.
JamesBoyZ: j'ai ce travail pour les nouveaux objets déposés sur le calendrier. Maintenant, j'ai besoin d'ajouter des événements existants qui ont été modifiés pour la matrice. Je peux le faire avec eventDrop et eventResize, mais si j'utilise .pousser, chaque fois que l'événement est modifié, une nouvelle instance est ajoutée à la arrayOfEvents. Comment puis-je vérifier pour voir si l'événement existe déjà dans le tableau, si ce n'est ajouter et si donc le mettre à jour? Merci encore!!!
J'ai mis à jour mon post pour l'ajax. Pour le 2ème problème, lorsqu'un utilisateur de faire glisser un événement EXTERNE et de les déposer sur le calendrier, un nouvel événement serait poussé à la arrayOfEvents. Toutefois, lorsqu'un utilisateur de faire glisser un événement SUR le calendrier, il n'y aurait pas de nouveaux événements introduit dans la matrice. Au lieu de cela, l'exemple de la modification de l'événement dans la matrice sera automatiquement mis à jour.
Sans cela fonctionne très bien pour les nouveaux chuté à des événements EXTÉRIEURS, ce que je veux dire, c'est pour les événements affichés sur le calendrier par défaut à partir d'un flux json qui sont redimensionnées ou déplacé à une autre date (n'ont pas été ajoutés à la matrice externe, déposer parce qu'ils étaient déjà là). Ce ne sont pas ajoutés à la arrayOfEvents. Si j'utilise arrayOfEvents.push(event); sur eventDrop et eventResize, les événements peuvent être ajoutés au tableau plusieurs fois. Je suis en train de voir si l'événement.id est en arrayOfEvents, pousser, d'autre mise à jour.
lorsque vous obtenez les événements hors du flux json, les ajouter à la arrayOfEvents. N'utilisez PAS de arrayOfEvents.push(event) dans eventResize fonction de rappel. Vous avez seulement besoin de les pousser dans eventDrop de rappel.

OriginalL'auteur Mr.J4mes
0

C'est quelque chose que je prévois de mettre en œuvre à l'avenir, quand j'arrive à peaufiner les performances de mon projet. Mon idée générale serait quelque chose comme ceci:
1. gestionnaire de créer qui stocke toutes les modifications apportées dans fullcalendar, de nouveaux événements, mises à jour des événements (drag&drop, redimensionner, titre/description/couleur/tout ce qui est nécessaire), en cas de suppressions. Je suppose que le meilleur moyen serait de créer des "classe" qui fera partie de fullcalendar lui-même, tweakable par les options de cource, si il l'habitude de faire partie du fc vous auriez besoin de l'appeler, dans chaque état, le changement de fonction.
2. Ce gestionnaire magasins éventail d'événements ainsi qu'il fournit quelques méthodes de base pour ajouter des fc changements dans la file d'attente. Mon idée est de faire de l'événementiel, donc dans la gamme il est membre défini par l'id d'événement qui comporte des informations sur chaque mise à jour faite sur cet événement. La façon dont j'imagine que cela fonctionne, n'est pas exactement comme à chaque événement a sa propre série de mises à jour du serveur qui seront exécutées de manière séquentielle. Je pense que la prise de cet en sorte, que le gestionnaire sera réglé à l'enregistrement des données toutes les 15/30 secondes... (sera défini par l'utilisateur) ou de l'utilisateur (appel en appuyant sur le bouton par exemple). Dans le temps, entre deux arrêts, la file d'attente sera rempli de la manière où toutes les mises à jour seront fusionnés en un changement global (par exemple, si vous déplacez un événement dans l'agenda de 5 fois, redimensionner 3 fois et changer le titre 5 fois, mais à la fin, ça va être la même comme il l'était lors de la dernière sauvegarde, il n'y aura rien envoyer au serveur pour l'enregistrement parce qu'en réalité, aucun changement n'a été fait. Ou si vous faites de même, et puis supprimer l'événement, sa insensée pour enregistrer toutes les modifications, puis supprimer l'événement, plutôt que gestionnaire d'envoyer seule commande supprimer cette commande n'est pas affecté par tout autre est déjà fait. Mais si vous vous déplacez cas, par exemple, deux jours puis 1 jour de retour, il calcule, il a été déplacé par un seul jour, donc il ne sera pas inutile, les données affichées sur le serveur).
3. Mêmela pensée qu'elle serait la meilleure à mettre en œuvre directement plugin fullCalendar, il peut également être autonome, classe/plugin qui pourrait être associé à tout type d'application qui fait beaucoup de changements sur un ensemble de données et de communication pour être très efficace pour maximiser la vitesse (de sorte que l'utilisateur ne sera pas gêné par la lenteur des mises à jour/sauvegarde). Il peut être modifié, même de plus en reconnaissant exactement les champs (j'utilise le fc fondamentalement que google agenda, je peux changer la couleur, la description, le titre et beaucoup plus de champs, mais Il serait inutile d'envoyer de l'ensemble de l'évènement, comme c'est si par exemple, seulement le titre est changé, pas besoin d'envoyer les champs qui sont restées les mêmes) dans l'événement avait été mis à jour et envoyer seulement ceux, donc il n'y aura absolument pas de données redondantes envoyé au serveur. Je suppose que je ferais ce que chaque événement a son membre dans la file d'attente array (comme je l'ai dit avant) et lorsque de nouveaux membres pour l'événement est ajouté à la file d'attente, il va stocker également des événements en cours des données (qui sont des fins de comparaison seulement, ne sera pas envoyer au serveur) pour la poursuite de la comparaison avec les prochaines mises à jour (s'il y en aura).
Espère que vous ne m'perdu et attrapez ma dérive. C'est juste mon idée utile, mais je ne vois pas moi-même travaillons cette année, dépend de l'école/travail. Ce n'est pas si dur à faire en fait, au moins pas dans la façon dont je l'imagine, de sorte qu'il peut être quelqu'un d'autre qui va le faire avant que je commence même 🙂

OriginalL'auteur Jan Tovarnak

Vous devez vous connecter pour publier un commentaire.