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。
我需要创建一个季度费用报告,但我不知道什么布局和小部件在这里会有用
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。