• 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

  • 相关阅读:
    【2019/7/15】暑假自学——周进度报告
    用户体验评价
    《程序员修炼之道》读后感03
    《程序员修炼之道》读后感02
    《程序员修炼之道》读后感01
    《梦断代码》读后感03——为什么我们不能像造桥一样造软件
    《梦断代码》读后感02——问题的开始
    《梦断代码》读后感01——Chandle的开始
    第二阶段冲刺9
    十五周总结
  • 原文地址:https://www.cnblogs.com/yeyuchangfeng/p/4436010.html
Copyright © 2020-2023  润新知