复代码代码如下:
<html>
<머리>
<title>안녕하세요</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="스타일시트" 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">
</style>
<스크립트 유형="텍스트/자바스크립트">
Ext.onReady(함수(){
var drags=document.getElementsByTagName('li');
for(var i=0;i<drags.length;i++)
{
Ext.dd.Registry.register(드래그[i]);
}
new Ext.dd.DragZone('오늘');
new Ext.dd.DragZone('tmrw');
함수 drop(dropNodeData,source,event,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);
new Ext.dd.DropZone('tmrw',cfg);
})
</script>
</head>
<본문>
<h1>오늘</h1>
<ul id="오늘">
<li>쇼핑</li>
<li>이발</li>
</ul>
<h1>내일</h1>
<ul id="tmrw">
<li>123</li>
<li>456</li>
</ul>
</body>
</html>