dojo学习笔记2

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 参数1为type，可传值为: 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. djConfig是dojo内置的一个全局设置对象，其作用是可以通过其控制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是否自动解析具有dojoType的html元素为对应的widget，如果你没有使用任何Widget，建议设置为false以加快dojo的加载速度

★searchIds，这是一个字符串数组，定义了所有需要解析为widget的html元素的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.ie为true的话
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.ie为true，才会加载dojo.html模块

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

 

13. 日期控件DropdownDatePicker和DatePicker

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