R Shiny navbarMenu
Ich entwickle eine Shiny-App mit der Entwicklungsversion des Pakets, wie es hier
Wenn ich navbarPage mit tabsetPanel verwende, funktioniert alles wie erwartet:
Aber wenn ich eine navbarMenu zu einer der Registerkarten hinzufüge:
Der Text "tab-pane active" erscheint auf jeder Registerkarte der App, auch wenn diese nicht in navbarMenu enthalten sind. Es scheint, als wäre "tab-pane active" eine CSS-Klasse, die innerhalb eines div-Tags sein sollte, aber irgendwie erscheint sie als reiner Text im Seitenquellcode.
Hat jemand eine Vorstellung davon, was das verursacht oder wie es behoben werden kann?
1 Antwort
Ich wünschte, ich könnte eine gute Analogie finden oder wäre ein besserer Autor, um das in wenigen Worten zu erklären.
Aber ich denke an Container und Inhalt. In Ihrem ersten Beispiel haben Sie eine "Navbar-Seite". Das ist ein Container, der mit anderen "Seiten" wie tabPanels gefüllt werden kann.
Aber tabPanels können nicht mit tabPanels gefüllt werden, nur mit Inhalt wie Graphen oder Tabellen, die Ihre R Ausgabe erzeugt. Wenn Sie eine Seite mit mehreren TabPanels haben möchten, benötigen Sie einen Container, der sie enthalten kann: ein TabsetPanel (wörtlich eine Reihe von Tab-Panels).
%Vor%Jetzt werden Sie sehen, dass Sie eine extra "Seite" haben, die durch das TabsetPanel (ein set von Tabs) mit eigenen Tabs gesetzt wird.
Sie können versuchen, dieser Analogie durch andere Beispiele auf dem glänzenden App-Layout-Leitfaden mit dem Sie verlinken. Zum Beispiel können Sie in Ihrem Beispiel nie ein Untermenü erstellen, sondern nur ein weiteres tabPanel zu einem tabPanel hinzufügen (ein TabPanel kann kein Container für ein tabPanel sein, wie wir oben gesehen haben). Sie müssen zuerst sagen, dass Sie ein navbarMenu wollen, das tatsächlich mehrere tabPanels enthalten kann.
Es scheint kompliziert, weil Navigation und Seiten sehr eng verwandt sind, und wenn ein Container Container enthält, wird es in der Praxis ein Navigationselement. Es gibt gute Hinweise in den Begriffen, die das RStudio-Team für diese Layout-Elemente gewählt hat, aber es ist nicht immer sofort ersichtlich, wie es funktioniert.