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

<div id="body1"/>

Footer：包含贯穿所有界面的通用脚注信息。文件包含以下占位符脚注：

<div id="footer"/>

接下来，我们看一下基本小部件类（Base_iWidget.js）的实现。

实现基本小部件类

基本小部件类的设计利用了 Dojo 提供的继承特性，以下是基本小部件实现的一些功能：

加载 NLS 属性文件和应用程序中使用的 CSS 文件，如清单 2 和清单 3 所示：

清单 2. 加载 NLS 文件

　//Load　the　NLS　properties　file　
try{　
dojo.requireLocalization("com.ibm.bcgex",　"resources_iwidgets",　this.getLocale());　
　this.iwidget_messages　=　dojo.i18n.getLocalization("com.ibm.bcgex",　
"resources_iwidgets",　this.getLocale());　
}catch(exp){　
　djConfig.locale='en';　
　dojo.requireLocalization("com.ibm.bcgex",　"resources_iwidgets",　
this.getLocale());　
　this.iwidget_messages　=　dojo.i18n.getLocalization("com.ibm.bcgex",　
"resources_iwidgets",　this.getLocale());　
}　

清单 3. 加载 CSS 文件

//　Check　if　it　is　Bidi　locale　
　
if　(!dojo._isBodyLtr())　
　{　
　isBidi　=　true;　
　cssPath=this.getRootContext()+"com/ibm/bcgex/css/stylesheetBidi.css";　
　}　else　{　
　cssPath=this.getRootContext()+"com/ibm/bcgex/css/stylesheet.css";　
　}　
　this.loadCss(cssPath);　
　
loadCss:　function(filename){　
　var　fileref=document.createElement("link");　
　fileref.setAttribute("rel",　"stylesheet");　
　fileref.setAttribute("type",　"text/css");　
　fileref.setAttribute("href",　filename);　
　
　if　(typeof　fileref!="undefined")　
　document.getElementsByTagName("head")[0].appendChild(fileref);　
　
　},