在 GWT 中遍历动态无序列表答案

【问题标题】：Traversing a Dynamic Unordered List in GWT在 GWT 中遍历动态无序列表
【发布时间】：2017-07-12 08:10:27
【问题描述】：

我正在用 GWT 编写程序。

我正在使用 HTML 来构建一个无序列表。它一开始是空的，然后通过 javascript 动态添加。这是我的空无序列表：

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

在我的 java GWT 类中，我有一个按钮。当我点击它时，我希望它遍历我的 ul（“realList”）并返回其中每个项目的 id。这是按钮：

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

因为我在我的 HTML 中创建了我的 UL，我不太确定如何在我的 java GWT 类中调用它 - 更不用说遍历它了。任何有关如何做到这一点的帮助将不胜感激。让我知道是否需要任何其他代码。谢谢！

【问题讨论】：

这里是 GWT 应用示例的源代码：examples.javacodegeeks.com/wp-content/uploads/2016/02/… 和 GWT 解析器。
Base GWT 不包含无序列表小部件，但您为什么不直接使用 ListBox 小部件并将其写入 HTML 中的命名 div 中呢？或者，您可以使用 UiBinder 来操作您拥有的 ul（谷歌这个。那里有一些例子。）。不过，我会采用前一种方法。
@CBass 你如何将 ListBox 写入 div？
@Yikes 在您的 HTML 中创建一个 div（或使用表格单元格或其他）并给它一个 id，例如“holdMyListBox”。示例：。然后在您的 GWT 应用程序 java 文件的 onModuleLoad() 方法中，将 ListBox 添加到该命名容器，如下所示： RootPanel.get("holdMyListBox").add(myListBox);我将其添加为答案.....
感谢您的帮助！

标签： java html gwt html-lists

【解决方案1】：

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

在您的 HTML 中创建一个 div（或使用表格单元格或其他）并给它一个 id，例如“holdMyListBox”。示例：

<td id="holdMyListBox"/>

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

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

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

【讨论】：