在 GWT 中遍历动态无序列表

Question

我正在用 GWT 编写程序。

我正在使用 HTML 构建无序列表。它开始时为空，然后通过 java 脚本动态添加。这是我的空无序列表：

<ul id="realList" style="list-style-type:none"></ul>

在我的 java GWT class 中，我有一个按钮。当我点击它的时候，我想让它遍历我的ul("realList")和return里面每一项的id。这是按钮：

final Button sendButton3 = new Button("GO", new ClickHandler() {
    public void onClick(ClickEvent event) {
        //Traversing the UL will go here
    }
});

因为我在我的 HTML 中创建了我的 UL，所以我不太确定如何在我的 java GWT class 中调用它 - 更不用说遍历它了。任何有关如何执行此操作的帮助将不胜感激。让我知道是否需要任何其他代码。谢谢！

Answer 1

Base GWT 没有无序列表小部件，因此您可以通过 UIBinder 修改现有的小部件或使用 ListBox 小部件并将其写入 HTML。为此：

在您的 HTML 中创建一个 div（或使用 table 单元格或其他）并为其指定一个 ID，例如 "holdMyListBox"。示例：

<td id="holdMyListBox"/>

然后在您的 GWT 应用程序 java 文件的 onModuleLoad() 方法中，将 ListBox 添加到该命名容器中，如下所示：

RootPanel.get("holdMyListBox").add(myListBox);

现在您可以在 Java 代码中对列表执行任何操作。例如，您可以有一个对象列表，用于填充列表框并根据用户选择进行查询。

在 GWT 中遍历动态无序列表

Traversing a Dynamic Unordered List in GWT

html

java

gwt

html-lists