1

私は次のようにパジャマを使用してMenuBarを実装しました：

from pyjamas.ui.RootPanel import RootPanel
from pyjamas.ui.Composite import Composite
from pyjamas.ui.MenuBar import MenuBar

class Menubar(Composite):
    def __init__(self):
        Composite.__init__(self)

        menubar = MenuBar(vertical=False)
        menubar.addItem("Dashboard", "")
        menubar.addItem("FileInspect", "")

        self.initWidget(menubar)

RootPanel().add(Menubar())

しかし、どうしても試してみましたが、メニュー項目「ダッシュボード」と「ファイル検査」の間に余白/スペースを確保できません。あなたの提案は暖かく感謝されます。

4

2 に答える 2

1

OKなので、最初にhttp://pyjs.org/api/のAPIドキュメントを見て、メニューバーを探します（Ctrl + Fで問題ありません）。怠惰な場合は、http：//pyjsで確認できます。 org / api / pyjamas.ui.MenuBar.MenuBar-class.html

setSpacing（）メソッドなどがないため、この場合は役に立ちませんが、少なくともそれは確かにわかります。

だから私はあなたがcssを介してそれをしなければならないと思います。ショーケースの例を見てください。

pyjamas / examples / showcase / src / public / Showcase.css

これで、上部にgwt-MenuBarクラスがあることがわかります。したがって、2つの選択肢があります。MenuBarウィジェットのaddStyleName（）メソッドを使用するか、cssの既存のスタイルを編集します。私はおそらく後者をするでしょう。

お役に立てば幸いです!! もしそうなら受け入れることを忘れないでください。

于 2011-04-17T20:16:07.630 に答える
1

GWTでは、分離するメニュー項目の任意のペアの間にMenuItemSeparatorを追加できます。セパレータの幅によって、アイテム間の間隔が決まります。セパレータのスタイルを設定して、見えないようにすることができます。例えば、

private MenuBar myMenuBar=new MenuBar(false); // false for horizontal menu bar
private MenuItemSeparator separator=new MenuItemSeparator();
private MenuItem item1;
private MenuItem item2;

myMenuBar.add(item1);
myMenuBar.add(separator);
myMenuBar.add(item2);

separator.setStyleName("separatorStyle");

CSSでseparatorStyleを定義します。たとえば、20ピクセルの間隔が必要な場合...

.separatorStyle{
width: 20px;
padding: 0px;
margin: 0px;
border: none;
background: none;
}
于 2014-03-07T01:49:49.290 に答える