首页 / 脚本样式 / ExtJS / GWT-Ext体验之旅，第2部分: 体验Panel和Window

GWT-Ext体验之旅，第2部分: 体验Panel和Window2011-10-29 IBM 陈宁 尹雯 王颖初GWT-Ext 是基于 Google Web Toolkit（GWT）和 ExtJs 的功能强大的网页开发控件库。它非常适用于 进行纯 Java 语言的富 Internet 应用的快速开发。本系列文章将详细讲解 GWT-Ext 的基本结构和功能 特点，并通过代码示例来演示该技术的具体实现。本文是该 系列 的第 2 部分，将介绍非常重要的控件 Pannel，它是很多其它控件的基础容器。

Panel

Panel 是一种容器，它提供了一组特定的功能和结构化组件，方便用户进行应用程序图形界面的组织 。一个 Panel 可以包含头，尾和内容体三部分，并可在其头脚部分实现工具栏。 Panel 本身具备自动伸 展的行为，并提供了一些工具按钮来帮助用户构建个性化的功能。

用户可以通过以下的构造方法来初始化一个 Panel, 并指定其标题和内容。

Panel（java.lang.String title, java.lang.String html）

或者可通个空的构造方法来构建一个 Panel 对象，然后通过 Panel 的 setTitle 和 setHtml 方法来 设置 Panel 的标题和其内容，

public void setTitle（java.lang.String title） public void setHtml（java.lang.String html）

从 setHtml 方法名可以看出，Panel 将自动将传入的内容作为 html 格式来解析，并进行展现。

Panel 提供了伸缩功能，该功能可将内容体进行隐藏，只将 Panel 的标题部分显示，使用户在不进行 屏幕上下滑动的同时看到多个 Panel 的内容，并通过标题找到不同 Panel 里的内容。如图 1 所示。

图 1. Panel 的伸缩功能