使用Dojo開發定製Business Space小組件，第3部分

使用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，適用於整個系列。