借助传统方法使用高级 GWT 控件
2010-03-09 00:00:00 来源:WEB开发网动态 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>
- ››传统的JavaScript事件处理函数
- ››传统javascript事件模型实现观察者模式
- ››传统企业如何白手起家有效抢占互联网营销制高点
- ››借助 BeanKeeper 快速实现对象持久化
- ››借助传统方法使用高级 GWT 控件
- ››借助 Ajax 自动保存 JSF 表单: 第 3 部分:保存 J...
- ››借助Word 2003文档窗口的任务窗格提高效率
- ››借助Powercfg命令 - 深入了解Windows 7中的电源选...
- ››借助Excel的视图和宏分类显示表单数据
- ››借助WebService实现多线程上传文件
- ››借助QQ安全中心搞定安全网页链接
- ››借助大视频战略 PPS领跑国内视频业
更多精彩
赞助商链接