java - 带有 Errai-UI 的选项卡

Question

我试图弄清楚如何用 Errai-UI 做“标签”。

例如，如果选择的选项卡#home是Home显示模板或#about显示AboutUs模板。

我有这个入口点类：

@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);
       }
}

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