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 目录下 否则启动失败
随机推荐
- svn中的图标解释
黄色感叹号(有冲突): --这是有冲突了,冲突就是说你对某个文件进行了修改,别人也对这个文件进行了修改,别人抢在你提交之前先提交了,这时你再提交就会被提示发生冲突,而不 允许你提交,防止你的提交覆盖了 ...
- 用Chrome devTools 调试Android手机app中的web页面。
(1) 手机要满足Android系统为4.4或更高版本,低版本不支持这种方式.(2) 确保App已经开启了webview的debug调试模式,由Android工程师协助.(2) 用usb数据线连接好手 ...
- 【工具】openwrt安装记录
步骤: 1 从以太网引导启动.由于我们实验室在服务器上放了一个openwrt镜像,安装时先从以太网启动,将服务器上的镜像载入到RAM中启动系统. 2 用SCP将在PC上编译好的openwrt-XX ...
- SASS学习笔记_02
导入 当模块化布局的时候 导入头和尾 私有化 不生成css文件 文件名前面加下划线 结果 嵌套导入 导入css文件 不推荐 注释 和默认变量值
- hibernate学习笔记--可选的配置属性
3.4. 可选的配置属性 有大量属性能用来控制Hibernate在运行期的行为. 它们都是可选的, 并拥有适当的默认值. 警告: 其中一些属性是"系统级(system-level)的&qu ...
- Codeforces Round #284 (Div. 2)
题目链接:http://codeforces.com/contest/499 A. Watching a movie You have decided to watch the best moment ...
- Brush Mode --- Nyoj 737 分类: Brush Mode 2014-03-25 08:10 202人阅读 评论(0) 收藏
石子合并(一) 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 有N堆石子排成一排,每堆石子有一定的数量.现要将N堆石子并成为一堆.合并的过程只能每次将相邻的两堆 ...
- 引擎设计跟踪(九.14.2h) 开发计划
以后的开发计划: 完善game runtime code, 跑简单的demo目前只有编辑器的运行流程, 没有游戏/demo流程, 图形的测试主要在编辑器上测试, 现在需要测试android系统的图形, ...
- Python中的元类和__metaclass__
1.什么是元类 元类让你来定义某些类是如何被创建的,从根本上说,赋予你如何创建类的控制权.可以把元类想成是一个类中类,或是一个类,它的实例是其它的类.当某个类调用type()函数时,你就会看到它到底是 ...
- IE6/7/8如何兼容CSS3属性
最近在工作中总是要求IE8兼容CSS3属性,在网上搜了搜主要是引入了一个htc文件(ie-css3.htc或者PIE.htc.个人认为这两个文件的作用差不多,具体差异值得探讨) 下载地址:https: ...