ITPub博客

首页 > IT职业 > IT图书 > ExtJs的Drag/Drop拖动功能

ExtJs的Drag/Drop拖动功能

IT图书 作者:jhmaple 时间:2021-09-09 09:15:06 0 删除 编辑

直接给代码吧,主要重点已经在代码里注释了:

 




   Untitled Page
   
   
   
     
   




   
Red
     
   
Green
   
   
Black
 
   
我可以
随便拖


把上面有颜色的色块拖到我这里试试



 

简单说明几点:

1.ExtJs中的拖动功能,只要记住DDProxy是用来拖动的组件,而DDTarget就是用来放拖动块的容器就可以了,其它东西比如DragZone,DragSource都是继承自DDProxy,同样基本功能也就是拖动块

2.DDProxy其它的常用事件,可以参考官方的API文档

再来改进一下:

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Untitled Page
    
    
    
       
     


    
Red
            
Green
          
Black
        
我可以
随便拖
 
 
把上面有颜色的色块拖到我这里试试
把上面有颜色的色块拖到我这里试试(此区域仅接受红色块)


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1678/viewspace-2808985/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    547
  • 访问量
    6048