怎样在 Rational Team Concert 中创建仪表板视图

核心提示： dojo.provide("com.ibm.af.workpktmngmt.viewlet.web.ui.internal.AFWorkPacketMgmtViewlet");按照以下方式，来扩展基类视图（这类似于 Java 中的导入声明）：dojo.require(&quo

dojo.provide("com.ibm.af.workpktmngmt.viewlet.web.ui.internal.AFWorkPacketMgmtViewlet");

按照以下方式，来扩展基类视图（这类似于 Java 中的导入声明）：

dojo.require("com.ibm.team.dashboard.web.ui.Viewlet");

为了让您使用短一点的表格名字，使用 Java™ 技术，您就可以声明一个别名，它是一个指向函数中所含全名的本地变量（见于代码清单 2）。这可以确保本地变量不与全局名中的任意项目发生冲突。

清单 2. 视图声明

function()　{　
var　Viewlet　=　com.ibm.team.dashboard.web.ui.Viewlet;　
dojo.declare("com.ibm.af.workpktmngmt.viewlet.web.ui.internal.AFWorkPacketMgmtViewlet",　
　　　　Viewlet,　{　
constructor:　function()　{　
　
　　　　　　　　　　　　this._widget　=　null;　
　　　
　　　
　　　　　　},　
　
templatePath:　dojo.moduleUrl("com.ibm.af.workpktmngmt.viewlet.web",　
"ui/internal/templates/AFWorkPacketMgmtViewlet.html"),　
//functions　related　to　events　on　the　viewlet　
});　
　
})();　

dojo.declare 声明将第二个参数设置为 Viewlet 来给工具声明，这就是它所扩展的基类的别名 。

对于这个包含有 HTML 代码基于模板的 Dojo 工具来说，模板路径是对 HTML 文件的路径。

模板文件

为了显示工具（在本例中，是您的仪表板视图），HTML 模板文件会作为设计模板进行使用，如代码清单 3 所示。

清单 3. 视图模板文件

<div　class="com-ibm-af-workpktmngmt-viewlet-web-ui-internal-AFWorkPacketMgmtViewlet">　
<b>　Work　Packet　Templating　</b><br>　
<a　href=#　dojoAttachEvent="onclick:　_exportAFOnClick">Export　Factory　WorkItems</a><br>　
</div>