我正在尝试弄清楚如何使用 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);
}
}
最佳答案
要打开导航,您应该在入口点初始化导航组件。每个页面都应该有注释@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
...
关于java - 带有 Errai-UI 的选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15112433/