zoukankan      html  css  js  c++  java
  • DHTMLTree、Dtree和Ztree的学习使用

    一、DHTMLTree是树菜单,允许我们快速开发界面优美,基于Ajax的javascript库.她允许在线编辑,拖拽,三种状态(全选、不选、半选),复选框等模式。同时在加载大数据量的时候,仍然可以保持非常高效的速度。

    DHTMLTree是一个功能丰富的第三方JavaScript树菜单,它能够使用户快速添加一个外观非常漂亮的,基于Ajax技术的网页上的分层树。树视图支持在线节点编辑、现行的拖放功能、三态复选框以及更多功能。由于特殊的技术的使用,使dhtmlxTree能够快速有效的加载结构庞大的树。dhtmlxTree具有以下特点:强大的拖拽功能、为用户提供丰富的Javascript API、支持Ajax和服务器端集成以及快速执行Javascript树。

    dhtmlxTree介绍及小DEMO:http://www.cnblogs.com/draem0507/archive/2013/02/01/2889317.html

    DHTMLTree基础学习及API:http://www.cnblogs.com/lidabo/archive/2011/11/02/2233468.html

    二、DTree是一个易于基于JavaScript的树形菜单控件,由JavaScript编写而成。支持无限分级,可以在同一个页面中放置多个dTree,可以为每个节点指定不同的图标。目前免费并且开源。使用简单,界面制作的也很专业。

    三、Ztree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件

    •  兼容 IE、FireFox、Chrome 等浏览器
    •  在一个页面内可同时生成多个 Tree 实例
    •  支持 JSON 数据
    •  支持一次性静态生成 和 Ajax 异步加载 两种方式
    •  支持多种事件响应及反馈
    •  支持 Tree 的节点移动、编辑、删除
    •  支持任意更换皮肤 / 个性化图标(依靠css)
    •  支持极其灵活的 checkbox 或 radio 选择功能
    •  简单的参数配置实现 灵活多变的功能

    1 dtree
         dtree是就是一个js的开源树形组件,使用特别简单,可以根据标签打开新的链接,自定义显示图标等等。优点是功能简单、实用,但是不支持checkbox,不支持动态增加,删除节点,移动节点。当然如果可以利用Jquery等其他东西也是可以做到动态添加的,不过这样添加的代码就比较多。
    参考资料:
         a 官方网站:http://destroydrop.com/javascripts/tree/
         b  http://blog.163.com/prevBlogPerma.do?host=fanxiaoqc@126&srl=331419002010111054056395&mode=prev&fromdm&fromSearch&isFromSearchEngine=yes
    2 xtree
         xtree是基于ajax实现的属性菜单。它可以定制自己的icon和链接,xtree是基于对象的,它也是比较简单的一种树形结构。与dtree相比,可以动态的增加或者删除节点,直接有API方法可以提供。
    参考资料:
         a 官方网站:http://webfx.eae.net/dhtml/xtree/index.html
    3 ExtTree
      ExtTree是一个继承自Panel的树状组件,是EXTJS的一个组件。我们在使用时,直接以对象的方式进行调用。其中ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。我们可以在网上找到很多关于ExtJs的学习书籍。
    4 E3tree
      E3Tree是E3平台下用于构造树形UI(menu,tree,outlookbar)的一个组件。它集成了现有的xtree、exttree和yuitree,能够在jsf/webwork/strtus/spring mvc 等等框架使用。我们可以通过学习它的参考手册对它进行系统的学习。
    5 zTree
      zTree是一个依靠 jQuery 实现的多功能 “树插件”,支持选择框等显示,动态更改图标,提供多种事件响应回调,而且异步数据功能强大。相信涉及大型项目或者大量数据时,它的使用将非常方便。
         利用ztree和Dwr框架可以轻松的实现后台数据的异步加载,他们都是利用Ajax进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快。可以参考这篇博文http://blog.csdn.net/zxingchao2009/article/details/6563714

  • 相关阅读:
    基础总结深入:数据类型的分类和判断(数据、内存、变量) 对象 函数 回调函数 IIFE 函数中的this 分号
    BOM 定时器 通过修改元素的类来改变css JSON
    事件 事件的冒泡 事件的委派 事件的绑定 事件的传播
    DOM修改 使用DOM操作CSS
    包装类 Date Math 字符串的相关的方法 正则表达式 DOM DOM查询
    数组 call()、apply()、bind()的使用 this arguments
    autocad 二次开发 最小包围圆算法
    win10 objectarx向导在 vs2015中不起作用的解决办法
    AutoCad 二次开发 jig操作之标注跟随线移动
    AutoCad 二次开发 文字镜像
  • 原文地址:https://www.cnblogs.com/yeyuchangfeng/p/4436010.html
Copyright © 2011-2022 走看看