使用 Dojo 开发定制 Business Space 小部件,第 3 部分: 在 iWidget 中使用多个模板和从基本小部件继承
2010-09-15 00:00:00 来源:WEB开发网简介
我们为本系列开发的定制小部件是基于 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 文件。
更多精彩
赞助商链接