Dynamische event-Vorlage-in FullCalendar

Gibt es eine Möglichkeit, dynamisch zu ändern, event-Vorlage-in FullCalendar?

Update. Was ich will, ist zu spezifizieren, neue event-html-e. g. in eventRender Rückruf) und machen FullCalendar um es für meine Veranstaltung rendering. So etwas wie dieses:

eventRender: function(event, element, view) {
  var template = '<div class="customEvent"></div>';
  return $.parse(template);
}

Versucht, das Beispiel oben - hat nicht funktioniert.

Ich verstehe nicht, was Sie tun, Sie beziehen sich als "event-template". Können Sie erklären, ein wenig mehr hinzufügen oder screenshots von dem, was Sie brauchen? [ps] ich sehe jetzt, dass Sie entfernt haben, die Erklärung in einem edit... es ist besser mit ihm...
Ich bin mir nicht sicher, welcher code würde hier helfen. Ich bin gerade auf der Suche nach einem Weg, Sie zu ersetzen der html-Code wird verwendet, um Ereignisse anzeigen
Ich kann nicht visualisieren genau das, was Sie gefragt haben. Statt eventRender, die Sie hinzufügen möchten Ereignisse danach, ist das alles?
Ich bin okay über eventRender. Theoretisch ist es erlaubt das change-Ereignis html, aber ich habe nicht gefunden eine Probe von so tun
Was bedeutet $.parse tun? Ist das ein plugin von dir?

InformationsquelleAutor SiberianGuy | 2014-09-29

  1. 9

    Den eventRender callback-Funktion ändern können-element, Rückkehr eine Marke neues DOM-element, das für die Wiedergabe verwendet wird, anstatt, oder es kann false zurückgeben, die verhindern, dass das Ereignis von der Darstellung überhaupt.

    http://fullcalendar.io/docs/event_rendering/eventRender/

    Beispiel hier: http://jsfiddle.net/3E8nk/506/

    $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultDate: '2014-06-12',
    editable: true,
    eventRender: function(event, element, view) {
        return $('<div>' + event.title + '</div>');
    },

    events: [
        {
            title: 'All Day Event',
            start: '2014-06-01'
        },
        {
            title: 'Long Event',
            start: '2014-06-07',
            end: '2014-06-10'
        },
        {
            id: 999,
            title: 'Repeating Event',
            start: '2014-06-09T16:00:00'
        },
        {
            id: 999,
            title: 'Repeating Event',
            start: '2014-06-16T16:00:00'
        },
        {
            title: 'Meeting',
            start: '2014-06-12T10:30:00',
            end: '2014-06-12T12:30:00'
        },
        {
            title: 'Lunch',
            start: '2014-06-12T12:00:00'
        },
        {
            title: 'Birthday Party',
            start: '2014-06-13T07:00:00'
        },
        {
            title: 'Click for Google',
            url: 'http://google.com/',
            start: '2014-06-28'
        },
    ]
});

    InformationsquelleAutor Richard Löwenström

  2. 1

    Verwenden Sie die eventRender(Rückruf) - Funktion die event-Vorlage. Hier ist, wie können Sie hinzufügen, einen Tipp zu der Veranstaltung:

    eventRender: function(event, element, view) { 
   element.qtip({
      content: event.description
   });
}

    Mit dieser Funktion können Sie ganz individuell jedes detail der Veranstaltung, die angezeigt wird, darunter das hinzufügen einer komplett neuen event-Vorlage. Weitere Informationen finden Sie in der Dokumentation:
    http://fullcalendar.io/docs/event_rendering/eventRender/

    während links können nützlich sein, Sie können auch veraltet sein, wenn Sie brechen. Wie zum kopieren einige der wichtigen Punkte, auch hier zu verstärken Sie Ihre zeigen?
    Dokumentation zu diesem Thema ist sehr vage. Es muss nicht jedes Beispiel, das der Vorlage ändern und nicht sagen, wenn es limitates für die Vorlage zu halten, behandelt von FullCalendar als Ereignis (e. g. sollte ich einige Klassen, die für die root-element?)

    InformationsquelleAutor jeff

  3. 0

    Können Sie append neue Informationen, wie diese 

    eventRender: function( event, element, view ) {
       element.find('.fc-title').append('<span class="yourCSS"></span> '); 
}

    InformationsquelleAutor youngseagul

Schreibe einen Kommentar