SmartGWT 入门，第 1 部分: 企业级 Web 2.0开发轻松起步

核心提示： Treetree=newTree();…PickTreeItemdepartmentItem=newPickTreeItem();departmentItem.setValueTree(tree);TreeGird树和表格的组合，处理过复杂多级数据的人都想要的控件！图 2. 树形表

　Tree　tree　=　new　Tree();　　　
…　
　PickTreeItem　departmentItem　=　new　PickTreeItem();　
　departmentItem.setValueTree(tree);　

TreeGird

树和表格的组合，处理过复杂多级数据的人都想要的控件！

图 2. 树形表格


清单 2. TreeGrid 代码实例

　TreeGrid　treeGrid　=　new　TreeGrid();　
　TreeGridField　nameField　=　new　TreeGridField("Name",　150);　
…　
　treeGrid.setFields(nameField,　jobField,　employeeTypeField,employeeStatusField,　　
　　　　　　　　salaryField,　genderField,　maritalStatusField);　

类似 Google Calendar 的日历控件

图 3. 日历


清单 3. Calendar 代码实例

　Calendar　calendar　=　new　Calendar();　　
　DataSource　eventDS　=　new　DataSource();　　
　...　
　calendar.setDataSource(eventDS);　　　

下面来看两个复杂一点的例子。

支持数据过滤的表格

如下图所示，ListGrid 控件中显示的数据能根据上面的 FilterBuilder 控件所设置的条件进行过滤。查询条件可以是一个或多个，查询条件之间可以选择 and、or 和 not 三种逻辑运算符。