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

要打开导航，您应该在入口点初始化导航组件。每个页面都应该有注释@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):

 @Inject
 private TransitionTo<MyPage> myPageTransition;

 ...
 myPageTransition.go(); // load MyPage
 ...