Google带有VerticalPanel的Flextable

Question

Flextable1

Flextable3

在每个可弯曲的地方:放置垂直面板

每个垂直面板内部:由标签和链接组成，如下图所示：

​

​

我想在可弯曲的循环中使用for循环，但是我不知道从哪里开始。

请帮我解决。谢谢。

Answer 1

这是一个非常简单的代码。有关更多信息，请阅读内联注释。

// root flex table that contains other widgets
FlexTable rootFlexTable = new FlexTable();

int counter = 0;
// 2 rows and 2 columns (change it as per your requirement)
for (int i = 0; i < 2; i++) { // rows
    for (int j = 0; j < 2; j++) {// columns
        counter++;

        FlexTable flexTable = new FlexTable();
        VerticalPanel verticalPanel = new VerticalPanel();

        Label label = new Label("No " + counter + "(label)");
        Hyperlink hyperlink = new Hyperlink("Name " + counter + "(link)", 
                                                           "link" + counter);

        verticalPanel.add(label);
        verticalPanel.add(hyperlink);

        // why are you using one extra flex table 
        // that contains only single component?
        flexTable.setWidget(0, 0, verticalPanel);

        // add inner flex table at row i and column j
        rootFlexTable.setWidget(i, j, flexTable);
    }
}

RootPanel.get().add(rootFlexTable);

截图：

​

​