基于 Web 2.0 技术的网上银行前端架构及开发，第 1 部分: 基本元素和架构

核心提示： 清单 2. Widget 的定义中的 JavaScript 文件functionsimpleHTMLWgt(){this.onLoad=function(){this.rootFrame=this.iContext.getElementById('rootFrame');this

清单 2. Widget 的定义中的 JavaScript 文件
　function　simpleHTMLWgt()　{　
　this.onLoad　=　function()　{　
　this.rootFrame　=　this.iContext.getElementById('rootFrame');　
　this.rootFrame.src　=　this.iContext.getAttributeById("url");　
　this.rootFrame.height　=　parseInt(this.iContext.getAttributeById("height"));　
　}　
　this.onSave　=　function(){　
　this.rootFrame.height　=　parseInt(this.iContext.getAttributeById("height"));　
　var　url　=　this.iContext.getAttributeById("url");　
　if(this.rootFrame.src!=url)　
　this.rootFrame.src　=　url;　
　}　
　}　

注册 Widget 的定义

Widget 定义完成后需要注册到 Widget 注册文件中才可以被用来生成实例，这一过程很简单只需要注册文件中加入以下一行定义。其中的“definition”属性表示 Widget 的 XML 定义文件的位置。

<entry id='simpleHTMLWgt' definition='../widget/basic/HTMLWgt.xml'></entry>

利用 Widget 定义服务

利用 Widget 注册的 id，通过具体的参数配置就可以定义相应的服务，并注册在服务库中。这里，我们利用刚注册的 simpleHTMLWgt 来向 Web 2.0 On-Demand Workplace 中添加一个显示 IBM 网站的服务。在服务库的 XML 注册文件中，添加以下服务定义，如清单 3 所示。

清单 3. 利用 Widget 定义的服务
<Service　id="0.1"　name="html_service"　desc="html_service"　
logo="theme/servicelogo/navlogo.gif">　
<Widget　name="simpleHTMLWgt">　
<attribute　name="url"　value="http://www.ibm.com"　/>　
</Widget>　
</Service>