複製程式碼如下：
<html>
<頭>
<標題>你好</標題>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<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:10.19.1.55/lib/extjs/bootstrap.js"></script>
<script type="text/javascript" src="http:10.19.1.55/lib/extjs/locale/ext-lang-zh_CN.js"></script>
<樣式類型=“文字/css”>
</風格>
<腳本類型=“文字/javascript”>
Ext.onReady(函數(){
var Drags=document.getElementsByTagName('li');
for(var i=0;i<drags.length;i++)
{
Ext.dd.Registry.register(drags[i]);
}
new Ext.dd.DragZone('今天');
new Ext.dd.DragZone('tmrw');
函數 drop(dropNodeData,來源,事件,dragNodeData)
{
var Dragged=source.dragData.ddel;
var sourceContainer=source.el.dom;
var desContainer=this.getEl();
sourceContainer.removeChild(拖曳);
desContainer.appendChild(拖曳);
返回真；
}
var cfg={onNodeDrop:drop};
new Ext.dd.DropZone('今天',cfg);
新的 Ext.dd.DropZone('tmrw',cfg);
})
</腳本>
</頭>
<正文>
<h1>今天</h1>
<ul id="今天">
<li>購物</li>
<li>理髮</li>
</ul>
<h1>明天</h1>
<ul id="tmrw">
<li>123</li>
<li>456</li>
</ul>
</正文>
</html>