ExtJS的拖拽效果示例
更新时间：2013年12月09日 17:17:57 作者：
拖拽效果想必大家都有见到过吧，实现方式大同小异，在接下来的文章中为大家详细介绍下使用ExtJS是如何做到的
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
复制代码 代码如下:
<html>
<head>
<title>hello</title>
<meta http-equiv="content-type" content="text/html; charset=gbk">
<link rel="Stylesheet" type="text/css" href="http:10.19.1.55/lib/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="http://9i0i.com/pic.php?p=http:10.19.1.55/lib/extjs/bootstrap.js"></script>
<script type="text/javascript" src="http://9i0i.com/pic.php?p=http:10.19.1.55/lib/extjs/locale/ext-lang-zh_CN.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
Ext.onReady(function(){
var drags=document.getElementsByTagName('li');
for(var i=0;i<drags.length;i++)
{
Ext.dd.Registry.register(drags[i]);
}
new Ext.dd.DragZone('today');
new Ext.dd.DragZone('tmrw');
function drop(dropNodeData,source,event,dragNodeData)
{
var dragged=source.dragData.ddel;
var sourceContainer=source.el.dom;
var desContainer=this.getEl();
sourceContainer.removeChild(dragged);
desContainer.appendChild(dragged);
return true;
}
var cfg={onNodeDrop:drop};
new Ext.dd.DropZone('today',cfg);
new Ext.dd.DropZone('tmrw',cfg);
})
</script>
</head>
<body>
<h1>Today</h1>
<ul id="today">
<li>shopping</li>
<li>haircut</li>
</ul>
<h1>Tomorrow</h1>
<ul id="tmrw">
<li>123</li>
<li>456</li>
</ul>
</body>
</html>
相关文章
ExtJs GridPanel中实现增删改效果的代码，需要的朋友可以参考下。2010-08-08
只需将textfield的hidden和hideLabel配置为true就可以了。只设置hidden:true时会显示出来一个：的标签。2008-12-12
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
用了一个方法解决了此问题，但是老是感觉这样解决了很不爽，各位有没有遇到过这种问题，请指点一下。2011-04-04
ext中store.load跟store.reload的区别示例介绍
这篇文章主要介绍了ext中store.load跟store.reload的区别,需要的朋友可以参考下2014-06-06
extjs的一个亮点就是提供了丰富的UI，使得没有艺术细胞的程序员也能做出绚丽的界面。把所有的UI集中到一起，有好处也有坏处，好处是有了统一的风格和接口，坏处是js文件过于庞大，使用extjs的最小集合也超过了500k，所以在有些项目中并不适用。2009-10-10
最近学ajax，接触到了Extjs这个强大的框架。我想通过我的学习笔记，最后可以让大家上手在项目中使用Ext。首先我会写一些基本的用于入门Ext的文章，打好基础是很重要的。2008-12-12
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
在Extjs中的GridPanel会有这样的情况，隐藏列会显示在menuDisabled中,但是这个一般没有什么用处，只是用于后台取值的作用,感兴趣的朋友可以了解下啊，希望本文对你有所帮助2013-01-01
用extjs实现的集成fckeditor的代码。2009-05-05
extJs 下拉框联动实现代码，需要的朋友可以参考下。2010-04-04
Extjs中DisplayField的日期或者数字格式化扩展
在用Extjs的时候，有时需要对 Ext.form.DisplyField 进行格式化。2010-09-09
最新评论