2016-05-31 15 views
0

ich keine wirkliche Dokumentation finden bin zu kämpfen, wie dies zu tun, im Grunde bin ich mit jquery.gantt (http://taitems.github.io/jQuery.Gantt/), dass Displays Daten aus einer Datenbank und es müssen mehrere Einträge in derselben Zeile vorhanden sein (ich kann das mit dem untenstehenden Code gut machen), aber wenn sich die Daten überlappen oder gleich sind, überlappt sich das Diagramm einfach und zeigt den letzten Eintrag an oben. Hier ist mein Code:jquery Gantt, Wechselanzeige so bricht es um neue Linie, wenn es zu Terminen eine Überlappung ist

    values: [{ 
        from: "/Date(1473802400000)/", 
        to: "/Date(1475685200000)/", 
        label: "Development", 
        customClass: "Blue" 
       },{ 
        from: "/Date(1473802400000)/", 
        to: "/Date(1475685200000)/", 
        label: "Development1", 
        customClass: "Blue" 
       }] 

Gibt es eine Methode (höchstwahrscheinlich in der CSS), die sie zwingen, alle überlappende Termine in einer Zeile unterhalb zu machen?

Dank allen, jede mögliche Hilfe wäre sehr geschätzt :)

Antwort

0

Von dem, was wir verstehen, dass es nicht für diese Unterstützung gebaut ist. RadiantQs jQuery Gantt (www.radiantq.com) verfügt jedoch über eine integrierte Unterstützung für das Verschieben von überlappenden Aufgaben zu Zeilenumbrüchen, entweder durch Verkleinern der Höhe oder Erhöhen der Zeilenhöhe.

Schauen Sie sich diese Proben:

http://demos.radiantq.com/jQueryGanttDemo/Samples/OverlappedTasksRendering.htm http://demos.radiantq.com/jQueryGanttDemo/Samples/OverlappedTasksChangingRowHeight.htm

+0

Danke für die Antwort Rajagopal. Ich habe mir Radiantq vorher angesehen, aber der Preis ist lächerlich für das, was es ist. – elboffor

+0

Elboffor, unser RadiantQ Gantt-Paket ist vollgepackt mit Funktionen, ich ermutige Sie, einen genaueren Blick und kontaktieren Sie unsere Verkäufe, Sie würden nicht enttäuscht sein. –