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

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

1. 复杂小部件

随着浏览器开始支持 JavaScript 和动态 HTML，网页中出现了一些没有对应 HTML 标签的用户界面小部件。这些小部件通过组合 HTML 标签并使用 JavaScript 处理用户事件来模拟更复杂的小部件。使用 GWT 也可以构建这类自定义小部件，下面介绍两种常见的复杂小部件。

1.1 树（Tree）

树小部件用于显示可展开和折叠的分层数据视图，其行为类似于桌面应用程序中用于浏览文件或显示分层数据的树状小部件。GWT 通过 HTML 元素和动态 JavaScript 实现树视图，并通过接口进行抽象以支持树操作。

• 创建树小部件 ：

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

• 添加数据到树小部件 ：
  • 直接添加字符串值：

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

- 添加其他小部件：