复制代码代码如下:
<html>
<kepala>
<judul>halo</judul>
<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" />
<skrip type="text/javascript" src="http:10.19.1.55/lib/extjs/bootstrap.js"></script>
<skrip type="text/javascript" src="http:10.19.1.55/lib/extjs/locale/ext-lang-zh_CN.js"></script>
<gaya tipe="teks/css">
</gaya>
<skrip tipe="teks/javascript">
Ext.onReady(fungsi(){
var drags=document.getElementsByTagName('li');
untuk(var i=0;i<menarik.panjang;i++)
{
Ext.dd.Registry.register(menyeret[i]);
}
new Ext.dd.DragZone('hari ini');
Ext.dd.DragZone baru('tmrw');
penurunan fungsi (dropNodeData, sumber, acara, dragNodeData)
{
var diseret=sumber.dragData.ddel;
var sourceContainer=sumber.el.dom;
var desContainer=ini.getEl();
sourceContainer.removeChild(diseret);
desContainer.appendChild(diseret);
kembali benar;
}
var cfg={onNodeDrop:jatuhkan};
new Ext.dd.DropZone('hari ini',cfg);
Ext.dd.DropZone baru('tmrw',cfg);
})
</skrip>
</kepala>
<tubuh>
<h1>Hari ini</h1>
<ul id="hari ini">
<li>berbelanja</li>
<li>potongan rambut</li>
</ul>
<h1>Besok</h1>
<ul id="tmrw">
<li>123</li>
<li>456</li>
</ul>
</tubuh>
</html>