`

dojo学习笔记2

    博客分类:
  • dojo
阅读更多

10. 模块:dojo.string.extras

dojo.string.substituteParams 类似C#中的String.Format函数 %{name}要保证与传入的对象的名称大小写一致,否则会出异常

dojo.string.substituteParams("%{name}: %{value}", {name:"名称",value:""}); //will return "名称"

dojo.string.capitalize 把每一个单词的首字母大写

dojo.string.isBlank 判断输入字符串是否为空或空白字符,如传入对象为非字符串则返回true

dojo.string.escape 参数1type,可传值为: xml/html/xhtml, sql, regexp/regex, javas cript/js cript/js, ascii 将按照所传type对字符串进行编码

dojo.string.summary 取得输入字符串的缩略版本

dojo.string.summary("1234567890", 5); //will return "12345..."

dojo.string.endsWith 判断输入字符串是否以指定的字符串结尾

dojo.string.endsWithAny 判断输入字符串是否以指定的任意字符串结尾dojo.string.startsWith, dojo.string.startsWithAny

dojo.string.has 判断输入字符串是否含有任意指定的字符串

dojo.string.normalizeNewlines 按要求转换回车换行的格式

dojo.string.splitEscaped 将字符串按分隔符转换为数组

 

11. djConfigdojo内置的一个全局设置对象,其作用是可以通过其控制dojo的行为

<s cript type="text/javas cript">
var djConfig = {
    isDebug: false,
    debugContainerId: "",
    allowQueryConfig: false,
    bases criptUri: "",
    parseWidgets: true
    searchIds: [],
    baseRelativePath: "",
    librarys criptUri: "",
    iePreventClobber: false,
    ieClobberMinimal: true,
    preventBackButtonFix: true,
};
</s cript>

allowQueryConfig, 当值为true时,dojo会优先从url参数中读取djConfig的其他属性

parseWidgets,这个是可以控制dojo是否自动解析具有dojoTypehtml元素为对应的widget,如果你没有使用任何Widget,建议设置为false以加快dojo的加载速度

searchIds,这是一个字符串数组,定义了所有需要解析为widgethtml元素的ID,如果ID不在其中的html元素是不会被解析的,当数组为空数组时,则所有具有dojoType的元素都会被解析

12.  匿名函数。一个匿名函数就是一个没有名字的函数。

dojo.raise   抛出一个异常

dojo.errorToString   将异常转换为字符串

dojo.render   系统环境对象

dojo.render.name     返回 browser ,说明是工作在浏览器下
dojo.os.win            
返回true说明操作系统是Windows
dojo.os.linux           
返回true说明操作系统是Linux
dojo.os.osx            
返回true说明操作系统是MacOS
dojo.html.ie             
返回true说明浏览器是Internet Explorer
dojo.html.opera             
返回true说明浏览器是Opera
dojo.html.khtml             
返回true说明浏览器是Konqueror
dojo.html.safari      
返回true说明浏览器是Safari
dojo.html.moz        
返回true说明浏览器是Mozilla FireFox
dojo.svg.capable     
返回true说明浏览器支持svg
dojo.vml.capable     
返回true说明浏览器支持vml
dojo.swf.capable    
返回true说明浏览器支持swf
dojo.swt.capable     
返回true说明浏览器支持swt (IBM开发的Standard Widget Toolkit)
如果dojo.html.ietrue的话
dojo.html.ie50         
返回true说明浏览器是IE 5.0
dojo.html.ie55         
返回true说明浏览器是IE 5.5
dojo.html.ie60         
返回true说明浏览器是IE 6.0
dojo.html.ie70         
返回true说明浏览器是IE 7.0

dojo.addOnLoad
  可以加载指定函数到window.load时执行,好处就是可以很方便的在window.load时执行多个函数

dojo.require请求模块,dojo会根据你的请求自动取得相应的js文件,并加载到内存中,这样你才能调用或创建其中的对 dojo.requireIf(dojo.html.ie, "dojo.html");   //如果dojo.html.ietrue,才会加载dojo.html模块

dojo.hostenv.getText   返回指定url的内容

 

13. 日期控件DropdownDatePickerDatePicker

<script type="text/javas cript">

                     function test(rfcDate){       alert(rfcDate);         }

            dojo.event.connect( dojo.widget.byId("foo").datePicker, "setDate", test);

                </script>

   <div id="foo" inputName="startDate" dojoType="dropdowndatepicker"

             dateFormat="%Y-%m-%d" weekStartsOn="1" adjustWeeks="true"/>

 

14. 模块:dojo.dom

dojo.dom.getUniqueId取得唯一id

dojo.dom.moveChildren把指定节点下的所有子节点移动到目标节点下,并返回移动的节点数

dojo.dom.moveChildren(srcNode, destNode, false);//包括文字和子节点都将被移动到目标节点下

dojo.dom.replaceChildren用指定的新节点替换父节点下的所有子节点

dojo.dom.getAncestors返回指定节点的父节点集合

dojo.dom.getAncestors(node, null, false); //返回所有的父节点集合(包括指定的节点node
dojo.dom.getAncestors(node, null, true); //
返回最近的一个父节点

dojo.dom.getAncestorsByTag返回所有符合指定Tag的指定节点的父节点集合

dojo.dom.getFirstAncestorByTag返回最近的一个符合指定Tag的指定节点的父节点

dojo.dom.isDescendantOf判断指定的节点是否为另一个节点的子孙

dojo.dom.innerXML返回指定节点的XML

dojo.dom.createDocumentFromText根据文字创建一个文档对象

dojo.dom.prependChild将指定的节点插入到父节点的最前面

dojo.dom.textContent设置或获取指定节点的文本

 

15. dijit.form.DateTextbox

     <script>

            dojo.require("dijit.form.DateTextbox");

        </script>

         <div id="d1" dojoType="dijit.form.DateTextbox"></div>

 

16. 带背景遮罩的对话框:dijit.Dialog

         <script type="text/javascript"    djConfig="parseOnLoad: true, isDebug: true"       src="./js/dojo/dojo.js"></script>

        <script type="text/javascript">

            dojo.require("dijit.Dialog");

            function showDia(){     dijit.byId("dialog1").show();             }

        </script>

<button id="b1" onclick="showDia()">显示dojo对话框</button> <br>

         <div dojoType="dijit.Dialog" id="dialog1" closeNode="hider" title="填写表单">

            <form onsubmit="return false;">

                <table>

                    <tr>

                        <td><label for="name">姓名: </label></td>

                        <td><input type="text" id="name"></td>

                    </tr>

                    <tr>

                        <td><label for="loc">性别: </label></td>

                        <td><input type="text" id="loc"></td>

                    </tr>

                    <tr>

                        <td><label for="desc">年龄: </label></td>

                        <td><input type="text" id="desc"></td>

                    </tr>

                    <tr>

                        <td><label for="fileloc">电子邮件: </label></td>

                        <td><input type="file" id="fileloc"></td>

                    </tr>

                    <tr>

                        <td colspan="2" align="center">

                        <input type="button" id="hider" value="填好了"></td>

                    </tr> </table>   </form> </div>

 

<script type="text/javascript">

            dojo.require("dijit.Dialog");

            dojo.require("dijit.form.Button");  

        </script>

<div dojoType="dijit.form.DropDownButton">

       <span>显示登录表单</span>

 

分享到:
评论

相关推荐

    DOJO 学习笔记 dojo

    Dojo 是一个功能丰富的 JavaScript 库,它提供了一系列模块化、面向对象的工具,用于构建高性能的 Web 应用程序。在 Dojo 中,模块和包...通过深入学习和理解这些模块和包,开发者可以构建高效、健壮的 Web 应用程序。

    dojo学习笔记

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,包括AJAX、DOM操作、动画...在“dojo学习笔记”中,你可能找到了关于这些概念的详细讲解和实践案例,这对理解和掌握Dojo技术体系非常有帮助。

    dojo精品中文教程(包二)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(包一)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(全)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo精品中文教程(包三)

    DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与...

    dojo学习笔记(web编程必备)

    【Dojo 学习笔记】 Dojo 是一个强大的JavaScript工具库,特别适合于Web编程,尤其在面向对象的JavaScript编程方面表现出色。学习Dojo之前,建议先掌握JavaScript的面向对象编程基础,这对于理解Dojo的源码和设计...

    dojo 学习笔记 表单 树形列表

    基本的表单验证 和前一个树形菜单 ...发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点版本,比如 ...

    dojo源文件+学习笔记

    这个压缩包包含了Dojo的源代码和相关学习笔记,旨在帮助开发者深入理解Dojo的工作原理和使用方法。 1. **Dojo 源代码解析**: Dojo 的源代码是用JavaScript编写的,并遵循AMD(Asynchronous Module Definition)...

    Dojo简单笔记和权威学习去处

    首先,"dojo文档.doc"可能是作者整理的个人学习笔记,通常这样的文档会包含对Dojo核心概念的理解、常用函数和方法的解释、实例代码以及可能遇到的问题解决方案。个人笔记是学习过程中宝贵的经验总结,可以帮助快速...

    Dojo 教程 笔记 (转载)

    【Dojo 教程笔记】 Dojo 是一个强大的JavaScript工具库,它采用了面向对象的编程方式,对于熟悉JavaScript面向对象编程的开发者来说尤其有用。在开始学习Dojo之前,建议先掌握JavaScript的基础知识,特别是面向对象...

    推荐dojo学习笔记

    ### Dojo框架学习笔记 #### 一、Dojo框架简介 Dojo是一个开源的JavaScript库,主要用于构建高性能的Web应用程序。它提供了一系列的功能强大的工具,包括DOM操作、AJAX、事件处理、用户界面控件等,使开发者能够...

    Dojo 学习笔记入门篇 First Dojo Example

    《Dojo 学习笔记入门篇 - 首个Dojo示例解析》 Dojo是一个功能强大的JavaScript工具包,它提供了丰富的UI组件、模块化系统、数据存储以及Ajax等功能,广泛应用于Web开发中。本篇文章将引导你完成Dojo的基础配置,并...

    Dojo的一些学习资料

    在"dojo学习笔记.pdf"中,你可能会学习到如何导入Dojo,如何使用模块系统,以及一些基本的Dojo API。"Dojo快速入门.pdf"可能会介绍Dojo的安装、配置过程,快速上手的方法,以及Dijit组件的初步使用。最后,"dojo组件...

Global site tag (gtag.js) - Google Analytics