GXT组件使用教程4——Aggregation Grid

文章以EXT-GWT的examples为纲要，在EXT-GWT例子中提供了91种例子

此系列不是从新建一个项目开始。学习此教程的人应该有能力通过查资料完成GWT同EXT结合并构建项目。

昨天和大家讨论的是负责表头，今天做的例子是官方样例的第四个，Aggregation Grid 就是可以在表格的底部计算出，平均值，最大值，最小值，总数等数学计算。

首先看截图：

其实是先起来比较简单，只需要两步

第一步：

//声明 ColumnModel cm
List<ColumnConfig> config = new ArrayList<ColumnConfig>();
		config.add(new ColumnConfig("name", "名称", 100));
		config.add(new ColumnConfig("date", "时间", 200));
		config.add(new ColumnConfig("size", "雇员", 100));
		config.add(new ColumnConfig("price", "市值", 100));
		ColumnModel cm = new ColumnModel(config);

 

 第二步：

 

//声明聚配置
AggregationRowConfig<Company> averages = new AggregationRowConfig<Company>();  
// 第一个参数是列位置，第二个是显示位置
	    averages.setHtml("name", "平均值");  
	      
//第一个参数要计算的列名，第二个参数是进行计算的函数，平均值
	    averages.setSummaryType("size", SummaryType.AVG);  
//设置数字格式
	    averages.setSummaryFormat("size", NumberFormat.getFormat("000.0"));
	      
	    averages.setSummaryType("price", SummaryType.AVG); 
	    averages.setSummaryFormat("price", NumberFormat.getFormat("00.00"));
//将格聚合列添加到cm中
	    cm.addAggregationRow(averages); 

 

到此就完成了，是不是很简单。