复制代码代码如下:
<html>
<หัว>
<title>สวัสดี</title>
<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>
<style type="text/css">
</สไตล์>
<script type="text/javascript">
Ext.onReady(ฟังก์ชั่น(){
var Drags=document.getElementsByTagName('li');
สำหรับ (var i=0;i<drags.length;i++)
-
Ext.dd.Registry.register(ลาก[i]);
-
ใหม่ Ext.dd.DragZone('วันนี้');
ใหม่ Ext.dd.DragZone('tmrw');
ฟังก์ชั่นดรอป (dropNodeData, แหล่งที่มา, เหตุการณ์, DragNodeData)
-
var ลาก=source.dragData.ddel;
var sourceContainer=source.el.dom;
var desContainer=this.getEl();
sourceContainer.removeChild (ลาก);
desContainer.appendChild (ลาก);
กลับเป็นจริง;
-
var cfg={onNodeDrop:ดร็อป};
ใหม่ 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>