javascript

位置:IT落伍者 >> javascript >> 浏览文章

用Dojo和Ajax创建可重用和可重新发布[3]


发布日期:2024年07月27日
 
用Dojo和Ajax创建可重用和可重新发布[3]

根据目录结构的不同可能需要像清单 这样调用清单

清单 调用清单 中的功能

addOnJsFiles(js/dojo/dojojs);

/* Take care of the directory structure */

通过一个解析机制可以找到用户在屏幕上输入的任何电子邮件地址可以使用 JavaScript 的正则表达式完成这个任务如清单 所示

清单 搜索所有有效的电子邮件模式

var email = /(([azAZ_])+@(([azAZ])+)+([azAZ]{})+)/g

编写一个代码片段把电子邮件地址包围在一个标签标记中如清单 所示

清单 替换所有有效的电子邮件模式

var htmlContent = documentbodyinnerHTML;

htmlContent=htmlContentreplace(email <label onclick=

sendmail($)>$</label>);

documentbodyinnerHTML=htmlContent;

使用 sendmail 函数包含用来创建和显示 Dojo 组件的主业务逻辑和代码根据使用的组件和 API包含组件所需的文件清单 给出一个示例

清单 包含必需的包

dojorequire(dojowidget*);

dojorequire(dojoevent*);

dojorequire(dojowidgetButton);

dojorequire(dojowidgetEditor);

dojorequire(dojowidgetTextbox);

即使只需包含特定的组件库(比如 dojowidgetButton)也必须包含 dojowidget* 等包这种方式与 Java 和其他语言不一样dojorequire 方法将动态地获取 JavaScript 代码并把它们装载到页面中如果没有包含 dojowidget* 和 dojowidgetButton就会遇到一个运行时异常因为还没有装载通用的组件库

Dojo 提供两种创建组件的方法

在构造函数中传递组件的父 id(见清单 这里的 是指组件将连接的 DOM 元素

清单 创建 Dojo 组件

var tmpDiv = documentgetElementById(divid);

var FloatingPaneWidget = dojowidgetcreateWidget(FloatingPane

{

id:panewindowState:minimized

title:Send Email hasShadow: true

resizable:truedisplayMinimizeAction:true

toggle:explodeconstrainToContainer: false

}

tmpDiv);

[] [] [] [] []

               

上一篇:用Dojo和Ajax创建可重用和可重新发布[2]

下一篇:用Dojo和Ajax创建可重用和可重新发布[4]