GWT - 什么布局可以帮助按季度报告费用

GWT - What layout can help for expense report by quarter

我需要创建一个季度费用报告,但我不知道什么布局和小部件在这里会有用

    Quarter 1   Quarter 2   Quarter 3

费用 1
费用 2
费用 3

我了解 Celltable 和 DataGrids,但不确定我是否可以按上述格式拥有对象的数据映射。主要是因为这些表在行级别处理对象。

我有一个包含整列数据的对象。 这里有什么想法/建议吗?

您有多种选择。最明显的是 FlexTable,但您也可以简单地将三个浮动 FlowPanel 并排放置。

使用 GWT 时,您应尽可能使用 HTML 布局,除非您需要小部件的某些特定功能。

编辑:

或者,您可以使用具有单行的 DataGrid,其中每个单元格都是呈现对象的 custom cell

最后,您可以将 DataGrid 用作常规 DataGrid - 只需修改每个单元格中显示内容的逻辑即可。例如,一个单元格可以这样呈现:

    final TextColumn<Integer> quarterColumn = new TextColumn<Integer>() {
        @Override
        public String getValue(Integer row) {
            int column = myDataGrid.getColumnIndex(quarterColumn);
            QuarterObject object = quarterObjects(column - 1);
            return object.getExpense(row - 1);
        }
    };

然后您只需使用从 1 到 QuarterObject 中的记录数的整数数组填充 DataProvider。