如何在布局中添加表格

Question

我在自己的类 FileUploaderResultsTable.java 中创建了一个表，如下所示：

public class FileUploaderResultsTable extends Table
{

    public FileUploaderResultsTable()
    {

        Table resultTable = new Table("Rendering table");
        resultTable.addStyleName("testTable2");
        resultTable.addContainerProperty("Name", String.class, null);
        resultTable.addContainerProperty("Mag",  Float.class, null);

        resultTable.addItem(new Object[]{"Canopus",        -0.72f}, 2);
        resultTable.addItem(new Object[]{"Arcturus",       -0.04f}, 3);
        resultTable.addItem(new Object[]{"Alpha Centauri", -0.01f}, 4);

        resultTable.setPageLength(resultTable.size());
        System.out.println("table created");
    }

我有另一个类 FileUploaderComponent.java，其中包括添加到 Window 对象的垂直布局。我正在尝试显示上表，因此在 FileUploaderComponent.java 中我创建了一个 FileUploaderResultsTable 对象，如下所示：

public class FileUploaderComponent extends AbstractJavaScriptComponent
{

    ...
    private VerticalLayout myLayout = new VerticalLayout();
    private FileUploaderResultsTable resultsTable = new FileUploaderResultsTable();
    ...
    public void addTable(){
    myLayout.addComponent(resultsTable);
    }

}

myLayout 然后被添加到另一个函数中的新窗口对象。该机制有效，因为我正在添加其他元素，如文本字段等，但由于某些原因，该表没有正确添加。 在 DOM 中，我可以看到有一个表，但它是空的，并且没有指定类名。 老实说，通常如果我想将另一个类中的组件添加到布局中，我通常会将组件称为resultsTable.resultTable，因此 object.component 语法而不仅仅是resultsTable，但编译器不喜欢那。那么，是否有另一种方法可以将表格作为组件添加到布局中，还是我只是在做一些愚蠢的事情？

Answer 1

您以错误的方式使用扩展类。试试这个：

public class FileUploaderResultsTable extends Table
{

    public FileUploaderResultsTable()
    {
        setCaption("Rendering table");
        addStyleName("testTable2");
        addContainerProperty("Name", String.class, null);
        addContainerProperty("Mag",  Float.class, null);

        addItem(new Object[]{"Canopus",        -0.72f}, 2);
        addItem(new Object[]{"Arcturus",       -0.04f}, 3);
        addItem(new Object[]{"Alpha Centauri", -0.01f}, 4);

        setPageLength(resultTable.size());

        System.out.println("table created");
    }
}