亿欧教育网
您的当前位置:首页ExtJS的拖拽效果示例_extjs

ExtJS的拖拽效果示例_extjs

来源:亿欧教育网


代码如下:


hello






Ext.onReady(function(){
var drags=document.getElementsByTagName('li');
for(var i=0;i{
Ext.dd.Registry.register(drags[i]);
}
new Ext.dd.DragZone('today');
new Ext.dd.DragZone('tmrw');

function drop(dropNodeData,source,event,dragNodeData)
{
var dragged=source.dragData.ddel;
var sourceContainer=source.el.dom;
var desContainer=this.getEl();
sourceContainer.removeChild(dragged);
desContainer.appendChild(dragged);

return true;
}
var cfg={onNodeDrop:drop};
new Ext.dd.DropZone('today',cfg);
new Ext.dd.DropZone('tmrw',cfg);
})



Today



  • shopping

  • haircut


  • Tomorrow



  • 123

  • 456




  • 显示全文