2016-08-09 231 views
0

Ich verwende Full-Kalender-API für die vertikale Ressourcenansicht in meinem Projekt.Alles funktioniert gut für etwa 10 Ressourcen. Aber wenn ich die Anzahl der Ressourcen in meinem Projekt vergrößere, wird die Ansicht vermasselt. Bitte helfen Sie mir, dieses Problem zu lösen.Horizontale Ansicht zu FullCalender API hinzufügen

view with less resources

view with more resources

wie kann ich ein horizontales Scrollen in dieser Ansicht hinzuzufügen.

+0

Sie müssen das Begrenzungsdiv anpassen, damit die Breite "auto" statt "100%" oder was immer es jetzt ist. –

Antwort

0

in der viewRender Callback-Funktion Sie so etwas wie

if(view.name === "agendaDay"){ 
     $('.fc-view-container').css('overflow-x','auto'); 
     $("#fullcalendar_container").css('min-width',$('.fc-resource-cell').length*slot_width_resource); 
    } 

Ich habe meine slot_width_resource gleich 125. Sie können mit diesem Wert spielen, um so den Abstand besser funktioniert hinzufügen können.

+0

Dank Daffy können wir die erste Spalte (Zeitschlitze) beim Scrollen fixieren ?? –

+0

Wenn Sie also nach ganz rechts scrollen, bleiben die Zeiten auf dem Bildschirm? – Daffy13

+0

Wenn dies ein Fehler ist, der im Grunde das Problem verfolgt, das Sie haben https://github.com/fullcalendar/fullcalendar/issues/3022, scheint es, dass es nicht behoben ist, aber es hat eine CSS-Lösung darin, wenn Sie das bevorzugen – Daffy13