Ist es ein vertikales Menü in vaadin?

habe ich oft verwendet, rich-faces, macht eine Benutzeroberfläche, die vor kurzem ich ging auf vaadin.
Jetzt bin ich auf der Suche für ein vertikales Menü in vaadin, ist es diese Art von compontent?

Rich-faces hat das Folgen:

http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=panelMenu&skin=blueSky

InformationsquelleAutor Skizzo | 2013-06-14
  1. 1

    Wenn Sie mit vaadin 6.2+ verwenden, können Sie dieses add-on :

    https://vaadin.com/directory#addon/melodion

    Aber ich nehme an, Sie sind mit vaadin 7, so könnte man wohl das gleiche Ergebnis erzielen, entweder durch

    InformationsquelleAutor Serge Farny
  2. 1

    Leider vaadin gibt nur eine Menüleiste.

    Wenn Sie Erfahrung in html und css sind, können Sie erstellen Sie Ihre eigenen, vertikalen Menü, und verwenden Sie dann vaadin CustomLayout Einbettung in ein panel.

    Sie können zum Beispiel versuchen Sie so etwas wie dieses.

    Sollten Sie eine html-Datei erstellen:

    <table width="100%" height="100%">
  <tr height="100%">
    <td>
      <table align="center">
        <tr>
          <td align="left">Menu 1</td>
          <td><div location="menu1"></div></td>
        </tr>
        <tr>
          <td align="right">Menu2</td>
          <td><div location="menu2"></div></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

    Dann sollten Sie einzubetten in vaadin in dieser Weise:

    //Have a Panel where to put the custom layout.
Panel panel = new Panel("Menu");
panel.setSizeUndefined();
main.addComponent(panel);

//Create custom layout from "yourfile.html" template.
CustomLayout custom = new CustomLayout("layoutname");

//the style name refers the one you should define in css
custom.addStyleName("customlayoutexample");

//Use it as the layout of the Panel.
panel.setContent(custom);

//Create a few components and bind them to the location tags
//in the custom layout.
TextField menu1 = new TextField();
custom.addComponent(menu1, "menu1");


TextField menu2 = new TextField();
custom.addComponent(menu2, "menu2");

    Achten Sie auf verbindliche Standort-name mit dem name der Komponente.

    Wenn Sie wollen, fügen Sie einige javascript, xml (für die öffnen/schließen-Menü-Elemente) sollten Sie schreiben es direkt im tag-Attribut.

    InformationsquelleAutor Matteo N.
Schreibe einen Kommentar