1

私はユーザー インターフェイスを作成するためにリッチフェイスをよく使用していましたが、最近は vaadin に合格しました。今、vaadin で縦型のメニューを探しているのですが、この種のコンポーネントはありますか?

Rich-faces には次の機能があります。

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

4

2 に答える 2

1

残念ながら、vaadin にはメニューバーしかありません。

html と css の経験がある場合は、独自の垂直メニューを作成し、vaadin CustomLayout を使用してパネルに埋め込むことができます。

たとえば、このようなことを試すことができます。

html ファイルを作成する必要があります。

<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>

次に、次の方法で vaadin に埋め込む必要があります。

// 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");

コンポーネント名とロケーション名のバインドに注意してください。

javascript を xml に追加したい場合 (open/close メニュー要素用)、tag 属性に直接記述する必要があります。

于 2013-06-14T12:23:21.677 に答える
1

vaadin 6.2+ を使用している場合は、次のアドオンを使用できます。

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

しかし、vaadin 7 を使用していると思われるので、おそらく次のいずれかの方法で同じ結果を得ることができます。

于 2013-06-14T07:36:25.447 に答える