zoukankan      html  css  js  c++  java
  • ExtJs学习笔记(24)Drag/Drop拖动功能

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

    Code

    看下效果图:


    1.拖动Green块(但还未到达目标区)时的效果:

    2.拖动Green块(到达目标区)时的效果


    3.拖动完成后的效果

    4."我可以随便拖"的拖动效果

    5."我可以随便拖"拖动完成后的效果

     转载请注明来自菩提树下的杨过http://www.cnblogs.com/yjmyzz/archive/2008/09/17/1292728.html

    简单说明几点:

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

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

    再来改进一下:

    Code

     

    这一次我们建立了二个目标容器



    并且第二个容器仅接受红色的色块


    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    获取时间毫秒数
    http地址自动检测并添加URL链接
    extjs实现选择多表自定义查询功能————前台部分(ext源码)
    items中多个checkgroup在IE6下无法完整显示
    PHP压缩文件夹(ZIP)
    初始化checkboxgroup值
    下载电驴资源
    碰撞与交换
    Actionscript中MovieClip,Sprite,Shape的区别 « 檬檬前端行
    下载的ascb文件如何使用:Flash CS4 设置方法
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1292728.html
Copyright © 2011-2022 走看看