当前位置 : 主页 > 网页制作 > Dojo >

dojo面向对象的调用

来源:互联网 收集:自由互联 发布时间:2021-06-15
最近开始学习arcgis for javascript,其中dojo是必须学习的框架,今天对相关模块化和对象化进行了研究。 总结几点:1.项目中加入dojo框架,默认JS调用目录为dojo,如果想增加新的调用目录

最近开始学习arcgis for javascript,其中dojo是必须学习的框架,今天对相关模块化和对象化进行了研究。



总结几点:1.项目中加入dojo框架,默认JS调用目录为dojo,如果想增加新的调用目录需要写一下内容:                                                 <script >
                             var dojoConfig = { baseUrl: "itfanr/", packages: [{name:"test",location:"test"}]};                                                               目录(dojo中成为路径起点)   下级目录(dojo中成为包)
                        </script>                         定义完成后,dojo和itfanr目录就可以使用了,其原因不明确,如果不加上面的内容,在调研路径的时候,就会出错。                    2.有了目录后,在调研文件的时候,从目录下第二级算起,如:dojo/dojo/ready.js 使用 require()调用的时候,要这样写 require(["dojo/ready"]),需要去掉一个dojo.                  
                  实例:person.js放到itfanr/test下,                                define(["dojo/_base/declare"], function (declare) {
                                          return declare("person", null, {
                                         name: "zhangsan",
                                         constructor: function (name) {
                                         this.name = name;
        },
        say: function () {
            return this.name;
        }
    });
});                      HtmlPage.html                      <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <title></title>     <script >         var dojoConfig = { baseUrl: "itfanr/", packages: [{name:"test",location:"test"}]};     </script>     <script src="dojo/dojo/dojo.js"></script>     <script >            require(        ["dojo/ready", "test/person"],//这里是从二级目录算起,感觉很别扭        function (ready, person) {            ready(function () {                var id = "selected_text";                var person1 = new person("dfdsfd");                alert(person1.name);            });        });          </script>      </head> <body>     <h1 id="selected_text">Hello</h1>      </body> </html>
网友评论