Gwt 获取组件

Question

我有一个垂直面板对象，该对象包含许多单选按钮，

那么我可以通过垂直面板对象获取这些单选按钮对象吗？

也许通过迭代或？

private void initCourse() {
    coursePopupPanel.clear();
    VerticalPanel verticalPanel = new VerticalPanel();
    coursePopupPanel.setWidget(verticalPanel);
    JsArray<JCourse> jCourseArray = JCourse.getList(stringMainData);
    for (int i = 0; i < jCourseArray.length(); i++) {
        final RadioButton courseRadioButton = new RadioButton("course");
        courseRadioButton.setText(jCourseArray.get(i).getName());
        courseRadioButton.getElement().setId(jCourseArray.get(i).getView());
        verticalPanel.add(courseRadioButton);

        //handler of course radio buttons
        courseRadioButton.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
            }
        });
    }
}

我有对 coursePopupPanel 的引用。但我没有引用垂直面板，所以我可以获取垂直面板的元素吗？

Answer 1

GWT VerticalPanel 是 ComplexPanel 的子类，ComplexPanel 是包含多个子窗口小部件的面板的抽象类。 ComplexPanel（因此由 VerticalPanel 继承）中有用于获取子窗口小部件的数量、通过索引获取对它们的引用等的方法。您可以构建一个类似这样的迭代器：

Iterator<Widget> vPanelWidgets = myVerticalPanel.iterator();
while (vPanelWidgets.hasNext()){
  Widget childWidget = vPanelWidgets.next();
  if (childWidget instanceof RadioButton) {
    ...do stuff
  }
}

我倾向于不查询小部件的成员。这将我与我按照您的示例做出的有关如何显示单选按钮的决定联系在一起。如果您稍后决定在 FlexTable 的单元格中显示单选按钮以控制垂直和水平排列，该怎么办？进行该更改意味着您的小部件迭代器将无法工作。 FlexTable 是一个面板，但不是一个 ComplexPanel。如果您决定用 FlexTable 替换 VerticalPanel，我上面编写的代码将不起作用。

如果采用类似的方法，我会将相关小部件的列表（如一组 RadioButton）保存在某种 Java 集合中。我将该 Collection 传递给我的演示类，并在其中编写代码来进行布局。通常这是一个 UiBinder 类，这些 RadioButton 带有“@UiField(provided = true)”。然后，演示器中的代码将我传入的 Collection 的 RadioButton 元素关联到 UiBinder 布局中 RadioButton 的 UiField 占位符。所以我所有的布局决策实际上都在 UiBinder xml 文件中。如果我决定拆掉垂直面板并用 FlexTable 替换它，假设我正确地分离了内容，我可能不需要触及一行 Java 代码。

[实际上，我可能会保留在表示层内，特别是在 XML 文件内使用 RadioButton 的决定。该演示类将在 EventBus 上触发一条消息，以指示用户已通过 RadioButton ValueChangeHandler 进行了选择，并且我不在乎是否在 VerticalPanel 中使用 RadioButtons 或在 FlexTable 中使用 ToggleButtons。]

Answer 2

您不会具体说明，添加更多详细信息，也许还可以添加代码示例。

我将尝试猜测您在这里想说的内容：您有一个 VerticalPanel 对象。向其中添加几个 radioButton 对象。稍后您想要检索这些 radioButton 对象（也许检查它们是否被选中），对吧？有几种方法可以做到这一点。无论如何，为什么不检查 Gwt Showcase 站点上的代码示例：

http://gwt.google.com/samples/Showcase/Showcase.html?locale=en_UM#!CwRadioButton

它有大量的视觉示例，每个示例都附加了代码和CSS。

Answer 3

由于 PopupPanel 实现了 HasOneWidget 接口，您可以使用 coursePopupPanel.getWidget() 来获取对 VerticalPanel 的引用。并简单地使用迭代其中的小部件

for (Widget w : verticalPanel){
    //Do Stuff
}