使用Dojo开发定制Business Space小部件，第3部分

使用Dojo开发定制Business Space小部件，第3部分2011-01-21 IBM Divya Satyavarapu使用Dojo开发定制Business Space小部件，第3部分: 在iWidget中使用多个模板和从基本小部件继承

简介

我们为本系列开发的定制小部件是基于 WebSphere V7.0 支持的 Business Space（以下简称 Business Space）中附带的 Dojo 版本，已经在 Mozilla Firefox 3.0.11 中测试过了。只是，我们开发的通用框架概念甚至可以应用到使用 Dojo 的应用程序中，但却不能用于 Business Space。学习本系列需要具备 DOJO 和 iWidget 框架的基本知识。

我们将讨论在基于 Dojo 的应用程序中经常遇到的主题。本系列分为以下几部分：

第 1 部分：使用通用的 markup 处理程序生成 DOJO markup

第 2 部分：使用通用的网格处理程序创建具有分页功能的 Dojo DataGrid 组件

第 3 部分：在 iWidget 中使用多个模板和从基本小部件继承

第 4 部分：使用通用的 REST 处理程序从 iWidget 发出可配置的 REST 调用

在第 3 部分，我们将向您展示如何使用一个基本小部件来使您的整个用户界面达到一致的外观和感觉。所有 iWidgets 都可以使用这个基本模板来使界面保持一致，包括头部，注脚和主要内容区。

除了这个基本模板之外，每个 iWidget 使用一个特定于小部件的模板来显示针对此部件的信息。

本文也向您显示了一个应用程序中的所有 iWidgets 如何从一个基本小部件中继承。基本小部件通过提供 iWidgets 常用方法来防止代码重写。

以下文件在 Part3SampleCode.zip 中提供下载：

Base_iWidget.js：从所有小部件中继承的基本部件。

base-widget-template.html：基本小部件模板 HTML 文件。

BaseWidgetTemplate.js：基本小部件模板 Javascript 文件。

resources_iwidgets.js：NLS 属性文件。

testWidget.xml：小部件 XML 文件。

testLoader.js：小部件加载文件。

testWidget.js：小部件 javascript 类。

test.html：特定于小部件的 HTML 模板。

testMarkupHandler.json：用于生成小部件内容的 JSON 文件。

stylesheet.css：用于界面的样式表文件。

我们也提供了一个完成的工作样例代码，fullWorkingCode.zip，适用于整个系列。