Dynamische Aktivierung des wählbaren Modus

Question

Wenn ich fullCalendar mit dem Initialisierungsparameter "selectable: true" konfiguriere, ist die Auswahlfunktionalität großartig, aber ich muss diese Funktionalität dynamisch aktivieren/deaktivieren! Das heißt, der Kalender startet ohne Auswahlmöglichkeit, dann klickt der Benutzer auf eine Schaltfläche und ich schalte ihn ein, klickt auf eine andere Schaltfläche und ich schalte ihn wieder aus.

Ich habe mir die API-Seite für den Parameter "Höhe" angesehen (http://arshaw.com/fullcalendar/docs/display/height/) und sie zeigt, dass ich diesen Parameter dynamisch einstellen kann, aber wenn ich den Code an den Parameter "auswählbar" anpasse, geschieht nichts:

$('#calendar').fullCalendar("option", "selectable", true);

Irgendwelche Ideen? Danke!

-Brian

Answer 1

Ich habe das nicht ausprobiert, aber es scheint eine "Render"-Methode zu geben, die vielleicht den kompletten Status rendert, einschließlich der Frage, ob Sie auswählen können oder nicht. Versuchen Sie es:

$('#calendar').fullCalendar("option", "selectable", true)
              .fullCalendar("render");

Wenn das nicht funktioniert, können Sie versuchen, den Kalender neu zu erstellen, indem Sie ihn zuerst zerstören:

$('#calendar').fullCalendar('destroy')
              .fullCalendar({selectable: false, your: 'other', options: 'here'});

Answer 2

Seit Version 2.9.0 ist es möglich, Optionen nach der Initialisierung dynamisch zu setzen. Initialisierung zu setzen. Diese Optionsänderungen werden auf alle Ansichten. Es ist derzeit nicht möglich, ansichtsspezifische Optionen auf Weise zu setzen.

Sie können eine einzelne Option dynamisch einstellen:

$('#calendar').fullCalendar('option', 'locale', 'fr');

Oder wenn Sie mehrere Optionen auf einmal einstellen möchten, begrenzen Sie die Kalender auf höchstens einen Neuanstrich beschränken möchten, geben Sie einen Optionshash an:

$('#calendar').fullCalendar('option', {
  locale: 'fr',
  isRTL: true
});

https://fullcalendar.io/docs/v3/dynamic-options