在 Dojo中实现拖动的效果需要用Dojo 所提供的标签属性标注出希望实现拖动的实体。简单的说，就是如果希望一个实体可以拖动，则只需要在这个实体的标签里面加上 dojoType=“dojo.dnd.Moveable”这个属性。例如要实现一个表格的拖动，则只需要在这个表格的声明标签“<table>”里加上 dojoType=“dojo.dnd.Moveable”这个属性。甚至就是在“<tr>”或“<td>”标签中加上 dojoType=“dojo.dnd.Moveable”，也可以实现对应实体的拖动效果。下面就是一个Dojo的拖动例子，代码如下：
<html>
<head>
<script type="text/javascript"
djConfig="parseOnLoad: true, isDebug: true"
src="dojoapp/dojo/dojo.js"></script>
</head>
<body>
<script type="text/javascript">
dojo.require("dojo.dnd.move"); //引入Dojo的拖动功能模块
dojo.require("dojo.parser"); //引入解析Dojo标记的功能模块
</script>
<table dojoType="dojo.dnd.Moveable">
<tbody>
<tr>
<td>
Dojo 的拖动效果
</td>
</tr>
</tbody>
</table>
</body>
</html>
需要注意的是静态创建可拖动实体需要引入 dojo.require("dojo.parser") 。
8.4.2 动态实现可拖动实体
在上面程序中，通过在一些实体的标签里面加上相应的 Dojo 标签属性来实现可拖动实体的创建。这种静态实现可拖动实体的方法简单明了。但是在更多的情况下，往往需要根据一些实际情况运行得到的数据来动态的创建可拖动实体。在这种情况下，静态实现可拖动实体的方法就不能满足当下的需求。所以 Dojo 对于所有静态实现的方法都对应有一套相应的动态实现方法。下面就是一个动态实现可拖动实体的例子，代码如下：
<html>
<head>
<script type="text/javascript"
djConfig="parseOnLoad: true, isDebug: true"
src="dojoapp/dojo/dojo.js"></script>
</head>
<body>
<script type="text/javascript">
dojo.require("dojo.dnd.move"); //引入Dojo的拖动功能模块
var m1;
var init = function() {
m1 = new dojo.dnd.Moveable("tb1", {});//申明 id 为 "tb1" 的实体为可拖动实体
};
dojo.addOnLoad(init);// 表示在页面加载完成以后，执行 init 函数
</script>
<table id="tb1" border="1">
<tbody>
<tr>
<td>
Dojo 的拖动效果
</td>
</tr>
</tbody>
</table>
</body>
</html>
分享到：
相关推荐
很不错的中文教程！文件太大分3个包！ 目录如下： dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) ...利用Dojo实现拖动（Drag and Drop）效果
分三个包上传时，第三个包好像传不上去，我给整合了一下，打在一个包里上传了！ dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 ...利用Dojo实现拖动（Drag and Drop）效果
很不错的中文教程！文件太大分3个包！ 目录如下： dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) ...利用Dojo实现拖动（Drag and Drop）效果
很不错的教程！文件太大分三个包上传的！ 目录如下： dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 ...利用Dojo实现拖动（Drag and Drop）效果
用DOJO中的dojox.gfx做甘特图 用DOJO中的dojox.gfx做甘特图
Dojo 为 Web 应用的开发提供了大量的客户端组件，能够让你可以方便的进行 HTML DOM 操作、拖拽、AJAX 调用、定制可视化控件等来使得你的 Web 应用变成富网络应用 (RIA)。而且 Dojo 在性能、可访问性、多语言支持以及...
Dojo Zoomer 强大的图片切换带拖动放大效果.zip
php+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
简单说明一下思路，当选择圆形时，通过dojo对map对象的onMouseDragStart，onMouseDrag，onMouseDragEnd事件进行相应的绑定，鼠标拖动时即时画出新的圆的同时，将上次所画的圆清掉，这样就有了圆随着鼠标拖动变化的...
道场Dojo是适用于D＆D（5E）地牢大师的Web应用程序。 您可以在找到它。 如果您想为发展做出贡献，请。特征怪物设计师您可以使用内置的怪物设计器来构建自己的怪物，这使您可以对照其他类似的怪物来检查自己的作品。 ...
Dojo Zoomer 不但带有图片切换的效果，而且还具备强大的拖动放大功能，鼠标在大缩略图上拖动，右侧会显示出拖动区域的大图片，下侧的缩略图可供用户更换不同的图片，可以说本效果比较综合，用到了两个官方的JS封装库...
dojo框架实现的支持拖动的树形菜单，基于J2EE架构
使用AjaxCaller实现简单的定时任务 使用dojo组件实现进度条 使用Open Rico实现动态调色板 使用Open Rico实现可拖拽的层 使用dojo组件实现卷帘效果的div隐藏
当然，本文所实现的方法不局限于jquery ui，只要能实现拖动的功能，任何库都可以。我用的jquery ui的版本号是1.6，这个版本已经改了很多的bug，渐趋完善，老实说以前的有些版本代码bug非常多，现在代码质量有了一定...
Jquery+.net实现图像缩放截取（类似开心网） ...这个ui库完全兼容jquery的语法，也就是说隐式迭代、超级强大的selector等都可以无缝的使用，这比起dojo，ext等组件库使用起来要更为方便和轻量些。
Jquery+.net实现图像缩放截取（类似开心网） ...这个ui库完全兼容jquery的语法，也就是说隐式迭代、超级强大的selector等都可以无缝的使用，这比起dojo，ext等组件库使用起来要更为方便和轻量些。 作者：brightwang
从这个版本开始，jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月，jQuery 1.2版发布，它去掉了对XPath选择符的支持，原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行...
从这个版本开始，jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月，jQuery 1.2版发布，它去掉了对XPath选择符的支持，原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行...
当然，本文所实现的方法不局限于jquery ui，只要能实现拖动的功能，任何库都可以。我用的jquery ui的版本号是1.6，这个版本已经改了很多的bug，渐趋完善，老实说以前的有些版本代码bug非常多，现在代码质量有了一定...