GWT - 如何将网站的层次结构映射到事件/地点/窗口？

Question

我是 GWT 的新手，我的英语不太好，请见谅。
我需要使用 GWT 创建一个网站。该网站具有层次结构:主要的全局标题和几个按钮。每个按钮都会打开应用程序的新部分，该部分有自己的子选项卡。每个子选项卡都应该是可导航的。例如:

主要形式

-> 应用程序问题

---> 偏好
---> 创造一些东西
--->编辑一些东西

-> 管理

---> 用户管理
--> 政策

现在，我想了解使用 GWT 的最佳选择是什么。
我想到了两个选择:
1.在入口点会有main activity。在其启动功能中，我们将为每个子菜单(= sub tab = child)创建 ActivityManager。每个子菜单都会为其每个子菜单创建事件管理器，依此类推。
我们将为每个事件管理器设置一个显示，并触发更改地点事件。

问题是我需要管理这些地方(所有地方都应该去主要事件，应该把它的参数和委托(delegate)给子地方等)
否则，当用户复制粘贴 url 时，只会导致子 Activity 启动，而父 Activity 没有被初始化。

我可以创建小部件的 OOP 层次结构，所以 - 层次结构树中的每个叶子都会有一个事件。还将有匹配的widges层次结构。每个叶子部件都包含它自己的组件，以及它的所有父组件(例如 - 表单的主标题)
在此选项中，只有一个事件事件。

什么是最好的选择？你将如何实现层次结构？

谢谢....

Answer 1

菜单层次结构的最佳选择是使用嵌套 TabPanel小部件。这些可以根据您的需要深入，并且是构建菜单的绝佳选择。

我看到您还想管理两件事:

当用户输入 URL 时，您希望他登陆正确的选项卡。

当用户在选项卡之间导航时，您希望 URL 根据他要去的地方而改变。

将用户登陆正确的选项卡

对于 #1，您需要在方法 onModuleLoad 中管理到达您的应用程序的用户。 .请参阅这段代码以选择正确的选项卡。

public void onModuleLoad() {
    tabPanel = new TabPanel();

    tabPanel.add(new HTML("<h1>Page 0 Content: Llamas</h1>"), " Page 0 ");
    tabPanel.add(new HTML("<h1>Page 1 Content: Alpacas</h1>"), " Page 1 ");
    tabPanel.add(new HTML("<h1>Page 2 Content: Camels</h1>"), " Page 2 ");

    String hash = Window.Location.getHash();
    if (hash != null && hash.startsWith("#page")) {
        int tabIndex = Integer.parseInt(hash.substring(5));
        tabPanel.selectTab(tabIndex);
    } else {
        tabPanel.selectTab(0);
    }
    RootPanel.get().add(tabPanel);
}

这段代码

管理导航历史

见 this page in GWT documentation .我上面的代码取自此页面，但在我的示例中，我删除了历史管理。

在这两种情况下，关键概念是 根据 url 哈希 找到正确的小部件并选择它。