18、GWT面板的使用与创建

GWT面板的使用与创建

1. 标准GWT面板

在GWT（Google Web Toolkit）中，有多种类型的面板可供使用，这些面板在构建Web应用程序时发挥着重要作用。

1.1 垂直面板（VerticalPanel）

垂直面板可以通过以下代码创建，用于仪表盘登录组件应用：

loginPanel = new VerticalPanel();
loginPanel.add(appImage);
loginPanel.add(userName);
loginPanel.add(password);
loginPanel.add(loginButton);

复杂面板使用 div 或表格DOM元素对开发者来说是透明的，虽然了解底层实现是有益的，但不应依赖它，因为未来可能会发生变化。

1.2 基于HTML表格的面板

GWT提供了三种明确具有表格结构的面板： HTMLTable 、 FlexTable 和 Grid 。
- HTMLTable ：提供了在GWT中构建HTML表格的基础功能，但不能直接创建其实例，必须使用其子类。它可以创建空表格、添加或删除单元格、行和列，检查特定的行、列或单元格是否存在，还可以设置或删除特定单元格的小部件，以及设置单元格填充和间距等。可以为 HTMLTable 的子类添加 TableList