借助传统方法使用高级 GWT 控件

核心提示： 动态 Web UI 控件JavaScript Web UI 控件旨在通过在浏览器内部动态生成 HTML 来消除服务器往返，服务器会将动态组件的数据结构和 JavaScript 代码添加到页面内容中，借助传统方法使用高级 GWT 控件(2)，而非发送静态 HTML，在页面加载阶段，当模块自身在加载

动态 Web UI 控件

JavaScript Web UI 控件旨在通过在浏览器内部动态生成 HTML 来消除服务器往返。服务器会将动态组件的数据结构和 JavaScript 代码添加到页面内容中，而非发送静态 HTML。在页面加载阶段，浏览器运行这些脚本来创建活动组件，配置这些组件，然后将每个组件生成的 HTML 字符串插入到页面的适当位置。就这一点而言，JavaScript 组件代码与此页面上的 HTML 片段是相联系的。组件可管理用户交互、根据数据更改升级 HTML 并提供一个 API 来处理其内容、行为和可视样式。

用 Java 代码编写并在 JavaScript 内编译的 GWT 控件与此类似。这就让 GWT 控件能够与商业控件及 JavaScript 库完全兼容。JavaScript 库则更为成熟，并能提供更全面的跨浏览器高级功能，比如智能滚动、列大小重置、排序、动态加载和针对大型数据集的分页。GWT 的开放架构让您能够将商业控件及传统 JavaScript 库与新应用程序相集成，这样一来，工作的重点就是解决企业面临的挑战和问题，而不是重头开始重复创建。

自动资源注入

本文随带的示例 GWT 应用程序使用了一个简单的 GWT 特性，即 自动资源注入。项目模块包括对外部 JavaScript 和层叠样式表 (CSS) 文件的引用，这样，当模块自身在加载时，外部 JavaScript 和层叠样式表 (CSS) 文件也可以自动加载。清单 1 显示了在示例应用程序的模块定义 XML 文件 (GridDemo.gwt.xml)中的声明，该声明可实现此目的：

清单 1. GWT 模块定义

<module>　
　<inherits　name='com.google.gwt.user.User'/>　
　<entry-point　class='com.mycompany.project.client.GridDemo'/>　
　　
　<source　path="client"/>　
　
　<stylesheet　src="runtime/styles/xp/aw.css"/>　
　<script　src="runtime/lib/aw.js">　
　　<![CDATA[　
　　　if　($wnd.AW.Grid.Control.create)　
　　　　return　true;　
　　　else　
　　　　return　false;　
　　]]>　
　</script>　
</module>