`
ttwang
  • 浏览: 331917 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

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

    博客分类:
  • YUI3
阅读更多
    本篇是用YUI3实现单击按钮,浮现overlay面板,并且在面板中出现一棵树,树的叶子节点是可以拖拽drag和drop的,正如附件中的图片中的下方的蓝色框中是drop的地方,每一类功能都是参考YUI library写的,算是对三种功能的合并,刚开始的时候我把它想简单了,没能实现,仔细学了下,就写出来了~~实现的功能展示大家可以看附件的图片~~现在,我把源码贴出来,因为YUI3中文的资料基本没有,欢迎读者批评指正~~


      具体代码我添加附件了,大家自行下载吧,我没有把引用的具体类库附带,只上传了一个页,大家自己引库吧~~
  • 大小: 27.3 KB
  • 大小: 25.8 KB
  • 大小: 24.6 KB
0
0
分享到:
评论

相关推荐

    YUI3 中tree的两种实现

    这篇博文“YUI3 中tree的两种实现”探讨了如何在YUI3中创建和管理树形结构。 1. **YUI3 TreeView组件** YUI3 TreeView组件是YUI3核心库的一部分,它允许开发者创建交互式的树结构。这个组件支持节点的添加、删除、...

    layui-tree实现Ajax异步请求后动态添加节点的方法

    最近在弄一个产品分类管理,是一个树形菜单的形式,用的是layui-tree ,由于它并没有动态添加节点,所以只能自己刚了。 大概效果如图 体的实现是当我鼠标移入“长袖”这个分类时,出现三个icon (如图),按“增加”...

    27款jQuery Tree 树形结构插件

    - 风声JS菜单树基于JavaScript、XHTML和CSS实现,支持无限级别和多种展开模式。 - 开源项目。 10. **Control.Treeview** - 使用Mootools开发,支持Ajax动态获取节点和设置默认选中节点。 - 开源。 11. **...

    E3tree开发文档

    它还允许轻松集成现有的树形UI,如xtree、ext tree和yuimenu。 为了开始使用E3.Tree,你需要确保系统满足以下条件:JDK 1.4X或更高版本。对于API的使用,仅需要jsp1.2和servlet2.3,而使用taglib则需要jsp2.0和...

    yui3-master.zip

    通过“yui3-master.zip”这个压缩包,开发者不仅可以了解到YUI3的基本架构,还可以通过阅读源码来学习和掌握JavaScript的最佳实践,提升自身的前端开发能力。无论是初学者还是经验丰富的开发者,都能从中受益匪浅。...

    使用YUI2.8 实现多个LI拖拽

    这是对YUI拖拽例子的改编,大家可以去访问的博客 http://hi.baidu.com/hjzheng

    yuicompressor-2.4.8.jar

    对于Idea用户,可以通过安装第三方插件实现yuicompressor的集成,这样在编译项目时,可以直接对JavaScript和CSS文件进行自动压缩,简化了工作流程,提高了开发效率。 在Idea中配置yuicompressor,通常需要以下步骤...

    yuicompressor-yui compressor

    ::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS SET JSFOLDER=D:\1 echo 正在查找 JavaScript, CSS ... chdir /d %JSFOLDER% for /r . %%a in (*.js *.css) do ( @echo 正在压缩 %%~a .....

    yui_2.6.0r2

    《深入解析YUI 2.6.0r2:JavaScript组件库的基石》 ...随着技术的不断演进,虽然新的前端框架层出不穷,但YUI 2.6.0r2仍然代表了一个时代的经典,其设计理念和实现方式对现代前端开发仍有深远影响。

    yahoo Tree组件

    Yahoo Tree组件是Yahoo UI Library(YUI)中的一部分,它是一个用于构建和管理树形数据结构的JavaScript库。YUI是一个开源的JavaScript和CSS库,旨在帮助开发者创建高性能、可扩展的Web应用程序。在本文中,我们将...

    yui-yuidoc-yuidoc-50-529-gc631758

    3. **YUI Event System**:强大的事件系统支持事件监听和分发,使得开发者可以轻松响应用户交互和页面变化。 4. **YUI DOM utilities**:提供了丰富的 DOM 操作方法,如选择元素、修改属性、添加/删除样式等,简化...

    Easyui Tree获取当前选择节点的所有顶级父节点

    ` 这行代码用来获取被选中的树节点。`$('#tree')` 是jQuery选择器,用于定位树组件,`tree('getSelected')` 是EasyUI Tree的方法,返回当前选中的节点对象。 2. 接下来,`var parentAll = node.text;` 初始化一个...

    E3Tree开发文档

    - 易于集成现有树形UI:支持集成如xtree、exttree和yuimenu等。 - 功能丰富:支持多种类型的树,例如普通树、单选树、复选树、动态树等。 #### 二、开发环境与要求 - **开发环境**:本文档以Struts + Hibernate +...

    YUI-EXT使用详解

    而YUI-EXT则是对YUI功能的补充,它主要专注于用户界面组件的实现,提供了丰富的UI元素和工具,使得开发者可以快速构建出专业级别的Web应用界面。 在YUI-EXT中,有几个核心概念值得深入理解: 1. **组件...

    YUI 入门教程YUI 入门教程YUI 入门教程

    `YAHOO.util.Dom.getElementsBy`则允许开发者基于特定的筛选条件和标签名在DOM树中查找元素,这对于批量处理DOM节点非常有用。 事件处理是JavaScript编程中的重要组成部分,YUI也对此进行了封装。例如,`event....

    yui3-3.17.2最新版

    同时,利用YUI的事件系统实现响应式设计,通过IO模块处理AJAX请求,以及利用Node和Selector模块进行DOM操作,可以大大提高开发效率。 总的来说,YUI 3.17.2作为一款成熟的前端框架,为开发者提供了强大的工具集,...

    YUI2 库与例子都有了

    8. **拖放(Drag & Drop)**:YUI2的拖放功能使得用户可以轻松实现元素的拖放操作,常用于创建可交互的界面元素。 在压缩包中的"yui_2.8.0r4"目录下,你可能会找到以下文件结构: - `build/`:包含了编译后的YUI库...

    YUI.rar_html_javascript YUI_yui_yui javascript

    4. **拖放功能**:YUI的Drag & Drop模块支持元素的拖放操作,适用于创建可交互的布局或组织工具。 5. **数据表格**:YUI的DataTable组件可用于展示和操作大量数据,支持排序、过滤和分页等功能。 通过学习和实践...

    学习YUI.Ext 第六天–关于树TreePanel(Part 1)

    学习YUI.Ext 第五天–关于树TreePanel(Part 1) 效果演示:http://www.ajaxjs.com/yuicn/demos/order_tree.asp  树组件是YUI.Ext 0.40 新增的组件。虽然YUI已经自带有TREE VIEW的组件,但JACK还是决定重新开发...

Global site tag (gtag.js) - Google Analytics