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

核心提示： invalidMessage ：在输入任何错误的值时显示的无效消息，promptMessage ：作为字段提示显示的消息，使用 DOJO 开发定制小部件，第 1 部分: 使用通用的 markup 处理程序生成 DOJO markup(3)，scriptmethod ：事件类型（onClick、o

invalidMessage ：在输入任何错误的值时显示的无效消息。

promptMessage ：作为字段提示显示的消息。

scriptmethod ：事件类型（onClick、onChange 等等）和在发生事件时应该调用的方法的名称。示例：scriptmethod:'onclick:clickMe'。

cssclass ：这是字段的 css 类变量。类优先于样式。

options ：对于 MultiSelect、ComboBox、FilteringSelect 和 Autocompleter，这指定下拉菜单中的选项。

rows ：SimpleTextarea 显示的行数。

cols ：SimpleTextarea 显示的列数。

iconClass ：图标 css 类在按钮上显示指定的图标。

DojoMarkupHandler JavaScript 类处理 JSON 文件中的属性，动态地生成小部件，开发人员不需要编写任何 DOJO markup。

在本文后面，我们会讨论如何通过编写 JSON 文件生成图 1 所示的 markup。但是，先看看 markup 处理程序如何生成 DOJO markup。

图 1. 使用通用 markup 处理程序生成的示例

查看原图（大图）

DOJO markup 处理程序如何工作

DojoMarkupHandler.js 首先装载 JSON 文件，见清单 1。

清单 1. 装载 JSON 文件

loadConfigFile:　function(fileName){　　
　　　
　var　FUNCTIONNAME　=　"loadConfigFile()";　
console.debug("Trace:　"　+　"Class:　"　+　this.CLASSNAME　+　"　Function:　
　"　+　FUNCTIONNAME　+　"　-　Action:　Entry");　
　
var　configUrl=this.rootContext+"com/common/markupHandlerJson/　
　"+fileName+".json";　
　console.debug("Config　URL="+configUrl);　
　
　　
　var　req　=　{　url:configUrl,　
　　handleAs:　"json",　
　　sync:　true,　
　　load:　dojo.hitch(this,　
　　　"_markupHandlerInitiator"),　
　　error:　dojo.hitch(this,　
　　　"_markupHandlerInitiatorError")　
　　　};　
　
　　dojo.xhrGet(req);　
　}