6、GWT复杂小部件与布局面板详解

GWT复杂小部件与布局面板详解

1. 复杂小部件概述

随着浏览器开始支持JavaScript和动态HTML，网页中出现了没有等效HTML标签的用户界面小部件。这些小部件通过组合HTML标签并使用JavaScript处理用户事件来模拟更复杂的小部件。使用GWT，你也可以构建这类自定义小部件，并且GWT工具包本身也提供了一些。

1.1 Tree小部件

Tree小部件用于显示可展开和折叠的分层数据视图，其行为类似于桌面应用程序中用于浏览文件或展示分层数据的树形小部件。

1.1.1 实例化Tree小部件

Tree treeList = new Tree();
mainPanel.add( treeList );

1.1.2 添加数据到Tree小部件

• 添加字符串值 ：

treeList.addItem("first item");
treeList.addItem("second item");
treeList.addItem("third item");

• 添加其他小部件 ：

treeList.addItem( new Image("icon_user.gif") );
treeList.addItem