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

核心提示： 下面的清单 1 展示了如何定义一个简单的 Widget，清单 1. Widget 的 XML 定义<iw:iwidgetname="simpleHTMLWgt"xmlns:iw="http://www.ibm.com/xmlns/prod/iWidget&qu

下面的清单 1 展示了如何定义一个简单的 Widget。

清单 1. Widget 的 XML 定义
<iw:iwidget　name="simpleHTMLWgt"　xmlns:iw="http://www.ibm.com/xmlns/prod/iWidget"　
iScope="simpleHTMLWgt"　supportedModes="edit　max　close　collapse　refresh"　mode="view">　
　　<iw:resource　uri="HTMLWgt.js"　/>　
　　<iw:itemSet　id="attributes"　private="true">　
　　　　<iw:item　id="url"　value="http://www.ibm.com"/>　
　　　　<iw:item　id="height"　value="400"/>　
　　</iw:itemSet>　
　　<iw:content　mode="view">　
　<![CDATA[　
　　　　<iframe　class="rootFrame"　id='rootFrame'　width=100%　height=200></iframe>　
　　]]>　
　　</iw:content>　
　</iw:iwidget>　

清单 1 中，节点“iwidget”及其子节点构成了这个 Widget 的 XML 定义。在“iwidget”节点的属性中，“name”指定了 Widget 的名字，“iScope”指定了 Widget 的 scope 对象，这个 Widget 的 scope 对应的类型在 Widget 的资源节点所指定的某个 JavaScript 文件中，在这里为 HTMLWgt.js，“supportedModes”指出了这个 Widget 在一般状态下所支持的展现转换模式，这里设定这个 Widget 支持的五种展现转换模式，分别为编辑、最大化、关闭、收起和刷新，Widget 容器会根据 Widget 定义中的展现转换模式在其实例窗体上添加对应的按钮，如图 6 所示，“mode”指定这个 Widget 默认使用的展现内容模式，其中“view”会被以“content”子节点的形式定义出来