dojo新建widget步骤----主要针对widget路径
一,新建目录
二,新建文件
三,写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路径的更多相关文章
- $.widget 编写jQueryUI插件(widget)
转自:MainTao: 编写jQueryUI插件(widget) 使用jQueryUI的widget来写插件,相比于基本的jquery插件有一些好处: * 方便实现继承,代码重用 * 默认是单例 * ...
- STM32学习笔记——新建工程模板步骤(向原子哥学习)
1. 在创建工程之前,先在电脑的某个目录下面建立一个文件夹,我们先把它命名为Template,后面建立的工程可以放在这个文件夹下.在 Template 工程目录下面,新建 3 个文件夹USER , ...
- aspx文件移动到新建的文件夹中设置路径的问题
项目中仅仅把aspx移动到想要的文件夹内是会出错的,不用想也知道是路径问题.这里我就说这个路径该如何去修改. 两个地方需要修改:1.母版路径修改方法: <link href="Styl ...
- 详细故障排除步骤:针对 Azure 中到 Windows VM 的远程桌面连接问题
本文提供详细的故障排除步骤,用于为基于 Windows 的 Azure 虚拟机诊断和修复复杂的远程桌面错误. Important 若要消除更常见的远程桌面错误,请务必先阅读远程桌面的基本故障排除文章, ...
- sftp新建用户步骤
1,切换root用户2,创建sftp组:groupadd sftp3,创建用户并限制进入路径:useradd -g sftp -s /bin/false testuser 修改密码: passwd t ...
- Labview新建项目步骤
打开Labview软件,点击工具栏中文件选项卡,如图所示. 2 点击新建一个空白项目. 3 此时为未命名项目,按下Ctrl+S保存项目到自己指定的目录并完成命名. 4 如图示在我的电脑上点击右键,新建 ...
- 在新建FileInputStream时使用当前相对路径或者绝对路径作为参数的问题
今天在写一个关于配置Excel导出路径通过properties文件配置的需求,通过查询我得知 properties文件通过 FileInputStream 读取
- maven 新建项目时修改默认jre路径
新建maven项目时,JRE System Library默认为J2SE-1.5 如果想修改为1.7,修改maven的settings.xml ,在profiles中添加 <profile> ...
- 新建springcloud 找不到请求路径
新建 启动类 controller 都不可以直接放在 java 目录下 否则启动失败
随机推荐
- 0x0A和0x0D
这里主要是在windows下面做的小实验,linux没有试 先贴源码 #include <iostream> #include <string> #include <st ...
- Android -- TabHost、Fragment、状态保存、通信
工程结构 TabAFm到Ta ...
- 华为p7怎么打开usb调试模式
在应用程序列表中选择[设置]进入系统设置菜单,点击[关于手机]  2.在"版本号"上面连续点击七次:  3.现在返回"设置"界面,发现多了一个"开 ...
- windows 2008 下C#调用office组件访问拒绝的解决方法(failed due to the following error: 80070005 拒绝访问)
"组件服务"- >"计算机"- >"我的电脑"- >"DCOM配置"->找到word->属 ...
- 【 Regular Expression Matching 】cpp
题目: Implement regular expression matching with support for '.' and '*'. '.' Matches any single chara ...
- sourceInsight使用技巧,持续更新中~~~
作为测试人员,读各种平台的工程代码时,根本不想安装各种vs或者eclipse等,于是,就找了一款代码阅读工具. sourceInsight,下载地址为官网:http://www.sourceinsig ...
- 不同平台下Java环境变量的设置
http://www.java.com/en/download/help/path.xml
- IOS 8 关于 Touch ID
一.什么是Touch ID? Touch ID是在iPhone 5s后的设备上出现的指纹识别.Apple在IOS 8中开放给第三方APP使用. 可以使用 Touch ID 来验证用户的身份,用户经验证 ...
- HDU 5763 Another Meaning KMP+DP
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5763 Another Meaning Time Limit: 2000/1000 MS (Java/ ...
- 获取任意可序列化对象的Xml字符串,方便在日志中查看任一所感兴趣的对象。
代码: public static string GetLoggingString(this object obj) { using (var stream = new MemoryStream()) ...