使用DOJO开发定制小部件，第1部分:使用通用的markup处理程序生成DOJO markup

使用DOJO开发定制小部件，第1部分:使用通用的markup处理程序生成DOJO markup2011-01-21 IBM Divya Satyavarapu使用 DOJO 为 Business Space 开发小部件

我们为本系列开发的定制小部件基于 DOJO 1.2.3，已经使用 Mozilla Firefox 3.0.11 在 WebSphere Integration Developer V6.2 上的 Business Space V6.2 中测试过。但是，我们开发的通用框架概念也适用于不使用 Business Space 的 DOJO 应用程序。理解本系列需要具备 DOJO 和 iWidget 框架的基本知识。

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

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

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

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

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

为了便于参考，可下载的 sampleCode.zip 中提供以下文件：

DojoMarkupHandler.js：这是通用 markup 处理程序的 JavaScript 类。

markuphandler.json：这个 JSON 文件包含屏幕上的小部件的属性。

markuphandler.html：这是模板 HTML 文件，其中包含 HTML markup。JSON 文件中声明的所有 div 应该出现在这里。

简介

在第 1 部分中，学习如何使用通用的 markup 处理程序方便地创建 DOJO markup。编写 DOJO 代码从未如此容易！我们将介绍一种使用 DojoMarkupHandler JavaScript 类生成 DOJO markup 的简单方法。这个 markup 处理程序类可以为 dijit.form.ValidationTextBox、dijit.form.SimpleTextarea、dijit.form.MultiSelect 等 DOJO 小部件生成 markup。

本文介绍使用 DOJO markup 处理程序所需的步骤，讲解 markup 处理程序的工作方式。

了解小部件属性

首先，需要在 JSON 文件中定义屏幕上所有小部件的属性。下面是必有属性和可选属性的列表：

必有属性

divname ：这是 div 的名称，其中的组件应该放到 html 中。这个 div 应该出现在模板 HTML 文件中。

type ：这是 DOJO 小部件的类型。支持以下类型：

radiogroup （dijit.form.RadioButton）

textfield （dijit.form.ValidationTextBox）

combobox （dijit.form.ComboBox）

filteringselect （dijit.form.FilteringSelect）

button （dijit.form.Button）

textarea （dijit.form.SimpleTextarea）

checkbox （dijit.form.CheckBox）

multiselect （dijit.form.MultiSelect）

datetextbox （dijit.form.DateTextBox）

autocompleter （Autocompleter）

id ：这是要创建的组件的 ID 或 dojoAttachPoint。

searchAttr ：在组合框中输入值时，根据这个字段搜索数据库。（这个属性对于 MultiSelect、ComboBox、FilteringSelect 和 Autocompleter 是必需的。）

labelAttr ：要显示的标签。（这个属性对于 MultiSelect、ComboBox、FilteringSelect 和 Autocompleter 是必需的。）