复制代码代码如下:
<html>
<cabeza>
<título>hola</título>
<meta http-equiv="tipo de contenido" contenido="text/html;charset=utf-8">
<link rel="Hoja de estilo" tipo="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>
<tipo de estilo="texto/css">
</estilo>
<tipo de script="texto/javascript">
Ext.onReady(función(){
var drags=document.getElementsByTagName('li');
para(var i=0;i<drags.length;i++)
{
Ext.dd.Registry.register(arrastra[i]);
}
new Ext.dd.DragZone('hoy');
nuevo Ext.dd.DragZone('tmrw');
caída de función (dropNodeData, fuente, evento, dragNodeData)
{
var arrastrado=source.dragData.ddel;
var fuenteContenedor=fuente.el.dom;
var desContainer=this.getEl();
sourceContainer.removeChild(arrastrado);
desContainer.appendChild(arrastrado);
devolver verdadero;
}
var cfg={onNodeDrop:drop};
new Ext.dd.DropZone('hoy',cfg);
nuevo Ext.dd.DropZone('tmrw',cfg);
})
</script>
</cabeza>
<cuerpo>
<h1>Hoy</h1>
<ul id="hoy">
<li>compras</li>
<li>corte de pelo</li>
</ul>
<h1>Mañana</h1>
<ul id="tmrw">
<li>123</li>
<li>456</li>
</ul>
</cuerpo>
</html>