0

Errai-UI で「タブ」を実行する方法を理解しようとしています。

たとえば、選択したタブが#homeテンプレートが表示されている場合、Homeまたはテンプレートが表示されている場合。#aboutAboutUs

私はこのエントリポイントクラスを持っています:

@Templated("#home")
@EntryPoint
public class App extends Composite {
       @PostConstruct
       public void setup()
       {
           RootPanel.get().clear();
           RootPanel.get("rootPanel").add(this);
       }
}

会社概要テンプレート

@Templated("#about") 
public class AboutUs extends Composite {  
       @PostConstruct
       public void setup() { 
           RootPanel.get("rootPanel").clear();
           RootPanel.get("rootPanel").add(this);
       }
}
4

1 に答える 1

1

ナビゲーションをオンにするには、エントリ ポイントで Navigation コンポーネントを初期化する必要があります。すべてのページには注釈が必要@Page(path = "pageName")です。url に #pageName を追加するか、特別なコンポーネントを使用するだけで、タブを切り替えることができます (以下を参照)。

例を参照してください。

ナビゲーションモジュールを継承

<inherits name="org.jboss.errai.ui.nav.Navigation"/>

エントリーポイントの実装

@EntryPoint
public class Bootstrap
{

    @Inject
    Navigation navigation;


    @PostConstruct
    public void buildUI()
    {
        navigation.getContentPanel().setWidth("100%");
        navigation.getContentPanel().setHeight("100%");
        RootPanel.get().add(navigation.getContentPanel());
    }

}

ページを実装する

@Templated
@Page(path = "myPage", startingPage = true)
public class MyPage extends Composite
{
   ...
}

別のコンポーネント内に「リンク」を追加するには、次の注入を使用できます。

 @Inject
 private TransitionTo<MyPage> myPageTransition;

 ...
 myPageTransition.go(); // load MyPage
 ...
于 2013-02-27T13:47:09.733 に答える