dtree树型控件(纯js)

时间:2013-08-04 09:31:08
【文件属性】:

文件名称:dtree树型控件(纯js)

文件大小:16KB

文件格式:RAR

更新时间:2013-08-04 09:31:08

dtree web 树型 控件 免费

dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。dtree   目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。   dTree可以不用添加任何页面而直接用代码实现多个栏目,并可以实现无限分级,下面是官方介绍的优点:   - Unlimited number of levels(无限分级)   - Can be used with or without frames(可用于框架或非框架页面)   - Remembers the state of the tree between pages(在不同页面之间可记住当前状态)   - Possible to have as many trees as you like on a page(可以得到你想要数量的树型)   - All major browsers suported(支持的浏览器)   Internet Explorer 5+ Netscape 6+ Opera 7+ Mozilla   - Generates XHTML 1.0 strict validated output(严格支持XHTML 1.0)   - Alternative images for each node(每个节点用图片代替) [编辑本段]创建dtree   1)从官网上下载dtree的源文件压缩包“dtree.zip”,包内包含以下几个文件:   img文件夹: 包含树形菜单显示需要的图标   api.html : 作者写的dtree帮助文档   dtree.css: 树形菜单的样式   dtree.js : js核心文件,代码都在其中   example01.html:树形菜单实例   2)将压缩包内的文件拷贝到项目webroot下(example01.html可以不拷贝)   3)新建一个web文件(*.html、*.jsp...都可以),首先引入css和js文件:         然后在里创建一个div层,指定class为“dtree”,此时该层就引用了dtree的样式   

     
  注:具体代码可以参照example01.html   4)最后保存执行即可看到一个树形菜单。


【文件预览】:
dtree.css
使用说明.htm
img
----nolines_plus.gif(870B)
----plusbottom.gif(88B)
----plus.gif(89B)
----empty.gif(62B)
----line.gif(66B)
----imgfolder.gif(622B)
----joinbottom.gif(66B)
----trash.gif(1KB)
----folderopen.gif(376B)
----globe.gif(1KB)
----minus.gif(86B)
----minusbottom.gif(85B)
----base.gif(1KB)
----musicfolder.gif(633B)
----join.gif(69B)
----question.gif(1KB)
----nolines_minus.gif(861B)
----page.gif(582B)
----cd.gif(239B)
----folder.gif(372B)
dtree.js
api.html
example01.html

网友评论

  • 非常感谢分享,分享无敌!!!!
  • 谢谢楼主分享,很不错的资源
  • 可以使用,我是新手, 嘿嘿,还不是太会修改源码!但是可以使用的!
  • 适用,与ZTREE各有千秋,
  • 可以使用,,
  • 可以用来学习
  • 下载了,正在用!谢谢分享!
  • 项目中正在使用,感觉很实用,修改了一下其中的js插件,更适应自己的项目了!
  • 使用是可以使用
  • 说明挺全面的,很容易上手。很棒
  • 不错,很好用。
  • 很好用的插件,非常喜欢。
  • 不是我想要的效果,不过可以借鉴一下
  • 使用是可以使用
  • 不错,非常好用的
  • 不错,挺好的 可以用
  • 不错,可以用,基本的树可以实现的
  • 不错,非常好用。
  • 直接在网上下载多方便啊
  • 不错,挺好的