一，新建目录

二，新建文件

三，写urtil widget代码

四，写RedTextDialog代码

五，写HTML代码

=====================如有不懂，结合http://blog.csdn.net/eengel/article/details/13021687查看，不喜勿喷，

具体如下

一，二：新建文件，新建目录，导入dojo包

三，写urtil widget代码

define(['dojo/dom'],function(dom){

    return{

        setRed:function(id){

            dom.byId(id).style.color='red';

        }

    };

});

--------------------》在html中测试

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

            var dojoConfig={

            idDebug:true,

            parseOnLoad:true,

            async:true,

            baseUrl:'js/',

            packages:[

                {name:'test', location:'test'},

                {name:'dojo',location:'dojo/dojo'},

                {name:'dijit',location:'dojo/dijit'}

            ]

        };

    </script>
<script>

        require(['test/util','dojo/domReady!'],

                function(util){

                    var id='xxx';

                    util.setRed(id);

                });

    </script>
</head>

<body>

<div style="width:100%;height:80%" id="xxx">变色</div>

</body>

</html>

四，写RedTextDialog代码

define([

    'dojo/_base/declare',

    'dijit/Dialog',

    'dijit/_WidgetBase',

    'dijit/_TemplatedMixin',

    'test/util'

    ],function(declare,Dialog,_WidgetBase,_TemplatedMixin,util){

    return declare([

        Dialog,_WidgetBase,_TemplatedMixin

    ],{

        title:"Dialog with Red Text",

        onDownLoadEnd:function(){

            var id="xxx";

            uril.setRed(id);

        },

        //需要重写show方法， ==理论不写也行，但是我的不写不行

        _onShow:function(){

            this.show();

        }

    });

});

五，写HTML代码

<body>

<div style="width:100%;height:80%" id="xxx">变色</div>

</body>
 

最后写上html完整代码

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script>

            var dojoConfig={

            idDebug:true,

            parseOnLoad:true,

            async:true,

            baseUrl:'js/',

            packages:[

                {name:'test', location:'test'},

                {name:'dojo',location:'dojo/dojo'},

                {name:'dijit',location:'dojo/dijit'}

            ]

        };

    </script>

    <script src="js/dojo/dojo/dojo.js"></script>

<!--    <script>

        require(['test/util','dojo/domReady!'],

                function(util){

                    var id='xxx';

                    util.setRed(id);

                });

    </script>-->

    <script>

        require([

                'test/RedTextDialog',

                'dojo/domReady!'

        ],function(RedTextDialog){

            var dialog=new RedTextDialog();

            dialog._onShow();

        });

    </script>

</head>

<body>

<div style="width:100%;height:80%" id="xxx">变色</div>

</body>

</html>

dojo新建widget步骤----主要针对widget路径的更多相关文章

  1. $.widget 编写jQueryUI插件(widget)

    转自:MainTao: 编写jQueryUI插件(widget) 使用jQueryUI的widget来写插件,相比于基本的jquery插件有一些好处: * 方便实现继承,代码重用 * 默认是单例 * ...

  2. STM32学习笔记——新建工程模板步骤（向原子哥学习）

    1.  在创建工程之前,先在电脑的某个目录下面建立一个文件夹,我们先把它命名为Template,后面建立的工程可以放在这个文件夹下.在 Template 工程目录下面,新建 3 个文件夹USER , ...

  3. aspx文件移动到新建的文件夹中设置路径的问题

    项目中仅仅把aspx移动到想要的文件夹内是会出错的,不用想也知道是路径问题.这里我就说这个路径该如何去修改. 两个地方需要修改:1.母版路径修改方法: <link href="Styl ...

  4. 详细故障排除步骤：针对 Azure 中到 Windows VM 的远程桌面连接问题

    本文提供详细的故障排除步骤,用于为基于 Windows 的 Azure 虚拟机诊断和修复复杂的远程桌面错误. Important 若要消除更常见的远程桌面错误,请务必先阅读远程桌面的基本故障排除文章, ...

  5. sftp新建用户步骤

    1,切换root用户2,创建sftp组:groupadd sftp3,创建用户并限制进入路径:useradd -g sftp -s /bin/false testuser 修改密码: passwd t ...

  6. Labview新建项目步骤

    打开Labview软件,点击工具栏中文件选项卡,如图所示. 2 点击新建一个空白项目. 3 此时为未命名项目,按下Ctrl+S保存项目到自己指定的目录并完成命名. 4 如图示在我的电脑上点击右键,新建 ...

  7. 在新建FileInputStream时使用当前相对路径或者绝对路径作为参数的问题

    今天在写一个关于配置Excel导出路径通过properties文件配置的需求,通过查询我得知  properties文件通过 FileInputStream 读取

  8. maven 新建项目时修改默认jre路径

    新建maven项目时,JRE System Library默认为J2SE-1.5 如果想修改为1.7,修改maven的settings.xml ,在profiles中添加 <profile> ...

  9. 新建springcloud 找不到请求路径

    新建  启动类 controller   都不可以直接放在  java 目录下   否则启动失败

随机推荐

  1. apk 加密

    为了防止apk被轻易破解,想办法对java层的代码进行加密,防止反编译,代码混淆基本没什么效果,一般情况下我会对dex进行加密,通过动态加载的方法实现java层的代码尽量被隐藏,而动态加载的实现通过j ...

  2. Android Paint的使用以及方法介绍（附源码下载）

    要绘图,首先得调整画笔,待画笔调整好之后,再将图像绘制到画布上,这样才可以显示在手机屏幕上.Android 中的画笔是 Paint类,Paint 中包含了很多方法对其属性进行设置,主要方法如下: se ...

  3. nodejs tools

    1.supervisor npm install supervisor -g supervisor app.js cd public cd bin supervisor www http://www. ...

  4. Android -- 经验分享（二）

    目录                                                                                   自定义两个View进行画图,让 ...

  5. nodeJs事件之监听移除事件

    var EventEmitter=require('events').EventEmitter var life=new EventEmitter(); //comfort 求安慰,函数名: //fo ...

  6. 常见的百度蜘蛛IP

    根据不同的IP我们可以分析网站是个怎样的状态, 以下常见的百度蜘蛛IP: 123.125.68.*这个蜘蛛经常来,别的来的少,表示网站可能要进入沙盒了,或被者降权. 220.181.68.*每天这个I ...

  7. HSSF，XSSF和SXSSF的区别

    HSSF是POI工程对Excel 97(-2007)文件操作的纯Java实现 XSSF是POI工程对Excel 2007 OOXML (.xlsx)文件操作的纯Java实现 从POI 3.8版本开始, ...

  8. 华为HG8240光猫-破解-联通-2016-telnet-http

    序 我与大家想法基本一致,拿到联通的光猫后,心想它应该是个路由器吧,如果让它自己拨号上网就好了,即省一台路由器,又省电了.抱着这个想法,在2013年里,我搜罗了不少文章,经过Q群,搜索,询问,阅读,理 ...

  9. float和CGFloat混用的风险

    一般意义上的混用是没有问题的, 比如 float x=5.0; (void)printNumber:(CGFloat)number; 当调用printNumber:x的时候是没有问题的 但是如果使用f ...

  10. Java 7 中 NIO.2 的使用——第四节 文件和目录

    Files类提供了很多方法用于检查在于你真正实际去操作一个文件或目录.这些方法强烈推荐,也非常有用,也能避免很多异常的发生.例如,一个很好的习惯就是在你试着移动一个文件从一个地方到另一个地方的时候,先 ...