ExtJS的拖曳效果範例_extjs

複製程式碼程式碼如下：

你好標題>





風格>

Ext.onReady(function(){
var Drags= document.getElementsByTagName('li');
for(var i=0;i{
Ext.dd.Registry.register(drags[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(拖曳);

回傳true
}
var cfg={onNodeDrop:drop} ;
new Ext.dd.DropZone('今天',cfg);
new Ext.dd.DropZone('tmrw',cfg)
;
頭>

今天

• 購物


• 理髮

明天

• 123


• 456

身體>