dojo markup_markup百科_mark up(2)

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

可选属性

value ：组件的默认值。

trim ：如果它设置为 true，就会截断包含空格的输入文本。

required ：如果字段是必需字段，就设置为 true。

style ：这是字段的样式。

maxlength ：字段中允许输入的最大文本长度。

regExp ：用于检验字段的正则表达式。

constraints ：字段的约束。

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){

varFUNCTIONNAME="loadConfigFile()";

console.debug("Trace:"+"Class:"+this.CLASSNAME+"Function:

"+FUNCTIONNAME+"-Action:Entry");

varconfigUrl=this.rootContext+"com/common/markupHandlerJson/

"+fileName+".json";

console.debug("ConfigURL="+configUrl);

varreq={url:configUrl,

handleAs:"json",

sync:true,

load:dojo.hitch(this,

"_markupHandlerInitiator"),

error:dojo.hitch(this,

"_markupHandlerInitiatorError")

};

dojo.xhrGet(req);

}

然后，markupHandler 在 _getConfigMarkup 方法中处理 JSON 文件，对于每个条目，检查要显示的小部件的类型。根据类型调用对应的方法，见清单 2。

清单 2. _getConfigMarkup 方法

_getConfigMarkup:function(navigationItems)

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-51839-2.html