YUI3 实现overlay展开是tree，并且树节点可以拖拽-drag和drop

于 2012-12-05 15:02:26 发布
阅读量95 收藏
点赞数
分类专栏： YUI3 文章标签： YUI3 实现overlay展开是tree 树节点可以拖拽-drag和drop YUI3 tree drag
[size=large] 本篇是用YUI3实现单击按钮，浮现overlay面板，并且在面板中出现一棵树，树的叶子节点是可以拖拽drag和drop的，正如附件中的图片中的下方的蓝色框中是drop的地方，每一类功能都是参考YUI library写的，算是对三种功能的合并，刚开始的时候我把它想简单了，没能实现，仔细学了下，就写出来了~~实现的功能展示大家可以看附件的图片~~现在，我把源码贴出来，因为YUI3中文的资料基本没有，欢迎读者批评指正~~


具体代码我添加附件了，大家自行下载吧，我没有把引用的具体类库附带，只上传了一个页，大家自己引库吧~~[/size]
我在等你来
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
YUI3 Overlay的使用
aifeier1982的博客
02-07 89
YUI3的Overlay为我们提供了一个创建叠加层的方便的方（从名字就可以看出来），他扩展自Widget类。目前的版本，仅支持简单的页面XY定位、相对于一个Node或者viewport对其或居中。下面来体验一下Overlay。 最简单的引用YUI3的方法自然是引用Yahoo服务器上的种子文件，地址如下： <script src="http://yui.yahooapis....
easyUI 拖动(Drag)和放置(Drop)Tree
java开发指南博客 【转载】
08-13 299
@author YHC 当使用tree插件在一个应用,drag(拖拽) 和 drop(放置)功能是必须允许用户改变节点位置,启用drag 和 drop 操作,所有你需要做的就是为tree插件设置'dnd'属性为true. 创建 Tree $('#tt').tree({ dnd: true, url: 'tree_data.json' }); 当放置...
layui-tree实现Ajax异步请求后动态添加节点的方法
12-13
最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。 大概效果如图 体的实现是当我鼠标移入“长袖”这个分类时，出现三个icon (如图)，按“增加”...
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
10-31
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
10-31
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
学习YUI.Ext第五日--做拖放Darg&Drop
10-31
学习YUI.Ext第五日--做拖放Darg&Drop
chromedriver-win64_116.0.5840.0.zip
06-15
chromedriver-win64_116.0.5840.0.zip
基于Java Servlet实现的灾情控制系统.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
计算机毕业设计-求职与招聘.zip
06-15
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有任何问题可以私信博主解决，可以免费帮部署。
【PID优化】粒子群算法和遗传算法自动电压调节器 (AVR) 系统PID控制器优化调整【含Matlab源码 4698期】.zip
06-15
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
瘢痕挛缩护理规定(医院规章制度管理文件).docx
06-15
瘢痕挛缩护理规定(医院规章制度管理文件).docx
java课程设计项目：基于SpringBoot的在线订餐系统.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
网页设计特殊的的行为代码
06-15
html网页制作 行为代码 事件效果 特写脚本代码
chromedriver-win64_116.0.5842.0.zip
06-15
chromedriver-win64_116.0.5842.0.zip
长亭网络通信基础详情了解word
06-15
长亭网络通信基础详情了解word
基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本124.0.6344.0)
06-15
资源包括: 1.Java爬虫实战代码 2.selenium学习笔记 3.代码演示视频 4.谷歌浏览器chrom124.0.6344.0 chrome-linux64.zip chrome-mac-arm64.zip chrome-mac-x64.zip chrome-win32.zip chrome-win64.zip 5.谷歌浏览器驱动器Chromedriver124.0.6344.0 chromedriver-linux64.zip chromedriver-mac-arm64.zip chromedriver-mac-x64.zip chromedriver-win32.zip chromedriver-win64.zip 特别说明:Chrome 为测试版(不会自动更新) 仅适用于自动测试。若要进行常规浏览，请使用可自动更新的标准版 Chrome。)
32位alu设计实验logisim-ma开发笔记
最新发布
06-15
32位alu设计实验logisim
常用变量名合集（喜欢请点赞+收藏+转发）
06-15
变量名的命名直接影响到程序的易读性，好的变量名应该简洁、易于理解。 一、单字符变量名 数学中通常用x，y来表示坐标，同样的，在命名变量时，可以使用一些具有特定含义的单个字符。这样的变量名兼具有意义和极简两大优点，作为编程人员应熟记。 具体列举如下。 i、j、k：数值(integer(整数))。 s：字符串(string)。 c：字符(char)。 p：指针(pointer)。 a：数组(array)。 x、y、z：坐标。 l：长度(length)。 n：数字、数量(number)。 二、常用变量名 1．计数器和循环： count：用于计数或记录数量的变量。 i、j、k：常用于循环中的迭代变量，尤其在嵌套循环中。 index：常用于循环或数组中的索引。 loop：表示循环的次数或循环控制变量（相当于前面的i） 2．布尔型变量： flag：用于表示某种状态或条件是否满足。 status：表示状态或结果。 isOpen：表示某个对象或功能是否开启。 isValid：表示某个条件是否有效或成立。 isFound：表示是否找到了某个元素或条件。
帮我写一个sql,st表和ed表联查，关联字段是yui
05-27
假设你要查询的两个表名分别为 st 和 ed，它们都有一个名为 yui 的字段，可以使用以下 SQL 语句进行联查： ``` SELECT * FROM st INNER JOIN ed ON st.yui = ed.yui; ``` 该 SQL 语句使用 INNER JOIN 关键字将 st ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值