`
dreamAny
  • 浏览: 1178 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

小巧,实用的javascript treeview :flyTree

阅读更多

 

 

Fly mini Tree 1.0 代码大小仅15KB,独立运行,不依赖任何第三方库,GZIP压缩后仅7KB左右,跟一个小图标差不多大,真正的迷你UI。

 

完美兼容所有主流浏览器:IE,Firefox,Chrome,Safari,Opera等,和其它第三方前端框架,如jQuery,ExtJS,Dojo,Mootools,Prototype没有任何冲突,可以在一个页面创建多个FlyTree实例。

 

所有外观,包含节点图标都可以用CSS控制;每一个动作都有相对应的事件成员,方便对每一个动作执行自定义操作;完全面向对象的开发模式,可以派生子类,在现有基础上进行灵活扩展。

 

 

 

 

官方网站:

中:http://www.flyui.net

英:http://mini.flyui.net

2
0
分享到:
评论
4 楼 dreamAny 2011-12-31  
性能方面可支持至少 10 万节点,具体看Demo

http://www.flyui.net/versions/1.0/fly.mini%201.0/demo/tree/
3 楼 gongxihai 2011-12-04  
收费的???
2 楼 gongxihai 2011-12-04  
看起来好像不错,可以看看
1 楼 gwpking8419 2011-12-04  
有没有性能测试报告,比起query ztree如何呢?

相关推荐

    flyTree (Javascript Treeview)

    **flyTree JavaScript Treeview 知识点详解** `flyTree` 是一款轻量级且功能丰富的JavaScript树形视图控件,它为网页开发者提供了一种便捷的方式来展示和操作层次结构的数据。在网页中,这样的控件常用于构建目录...

    flyTree,小巧实用的Javascript导航树控件

    标题中的“小巧实用”一词很好地概括了`flyTree`的核心特点,其性能优越,可以处理大量数据,如10万个节点,而且提供了易于使用的API,使得开发者在获取选中节点或进行节点查询时,都能感到得心应手。 ### 1. `...

    javascript TreeView(5款)

    在开发过程中,可以通过以下步骤集成 TreeView: 1. 引入必要的库和 CSS 样式文件。 2. 创建 HTML 结构,通常是无序列表或自定义数据结构。 3. 初始化 TreeView,根据需要配置选项。 4. 如果使用动态数据,使用提供...

    JavaScript TreeView

    使用JAVASCRIPT构建无刷新TreeView 详情见:http://www.cnblogs.com/doll-net/archive/2007/08/05/javascripttreeview.html

    Android-TreeView具有高性能和丰富功能的Android树形视图

    implementation 'com.shinemy:treeview:4.1.0' } ``` 然后,你需要创建一个`TreeView`对象,并设置必要的属性,如根节点、展开策略等。接着,你可以创建自定义的`TreeAdapter`来处理数据,并将其绑定到`TreeView`...

    JavaScript对TreeView的操作

    ### JavaScript 对 TreeView 的操作详解 #### 一、设置所选节点 在处理 TreeView 控件时,我们经常需要设置某个节点为当前选中的节点。这可以通过修改 `selectedNodeIndex` 属性来实现。 **代码示例:** ```...

    ngx-treeview:带有复选框的Angular treeview组件

    ngx-treeview 带有复选框的Angular Treeview组件 依存关系 该组件当前支持Bootstrap4。如果您正在使用Bootstrap 4 alpha 6,请降级到较早的版本1.0.10。 您可以自己定制CSS,以分解对Bootstrap的依赖性。 产品...

    很强的javascript导航树,flyTree

    "flyTree"是一款强大的JavaScript库,专为创建高效且功能丰富的导航树而设计。 "flyTree"的突出特点在于其卓越的性能,能够流畅地处理多达10万个节点,这对于大型数据集的展现来说是非常关键的。在现代网页应用中,...

    javascript TreeView导航菜单MyTree

    原创javascript Treeview菜单,支持动态插入、删除功能。具体包括:展开所有节点、收缩所有节点、节点选择、动态添加子节点到当前选择节点、动态添加子节点到指定id节点、添加含(不含)图标节点、动态删除当前选择...

    VB6.0设计真正实用的TreeView控件

    VB6.0设计真正实用的TreeView控件 VB6.0 设计真正实用的 TreeView 控件摘要:在实际开发中,许多人不喜欢使用 TreeView,主要是由于默认的 TreeView 是“只读”的,不支持添加、删除、编辑、调整节点位置等操作。...

    java种菜源码-tr-ngx-treeview:tr-ngx-treeview

    ngx-treeview 带有复选框的 Angular 树视图组件 依赖关系 此组件目前支持 Bootstrap 4。如果您使用的是 Bootstrap 4 alpha 6,请降级到旧版本 1.0.10。 您可以自己自定义 CSS 以分解对 Bootstrap 和 Font Awesome 的...

    javascript写的一个功能齐备的树控件treeview

    javascript写的一个功能齐备的树控件treeviewjavascript写的一个功能齐备的树控件treeviewjavascript写的一个功能齐备的树控件treeviewjavascript写的一个功能齐备的树控件treeview

    Virtual-TreeView:Virtual Treeview 是一个 Delphi 树视图控件

    虚拟树视图Virtual Treeview 是一个从头开始构建的 Delphi 树视图控件。 多年的发展使其成为当今可用的最灵活和最先进的树控件之一。 Virtual Treeview 从声称改进现有解决方案的许多方面开始,并引入了一些以前不...

    vue3-treeview:vue js 3中的一个简单的treeview

    3. **TypeScript**: TypeScript 是 JavaScript 的超集,提供静态类型检查和强类型支持,有助于预防潜在的错误。Vue3 Treeview 标记为使用 TypeScript 开发,意味着源代码可能包含类型定义,这将为开发者提供更好的...

    vuex-treeview:使用vuex的Vue TreeView递归组件

    在JavaScript开发中,这样的组件是非常有用的,因为它能够帮助用户以直观的方式浏览和操作复杂的层级结构信息,例如组织架构、文件系统或者数据库结构。 首先,我们来了解一下Vuex。Vuex是Vue.js的应用状态管理库,...

    jquery treeview demo

    然后,在文档底部引入所需的库文件和自定义样式,并初始化TreeView: ```html <script src="jquery.js"></script> <script src="jquery-ui.min.js"></script> $(document).ready(function() { $("#myTree")....

    bootstrapTable-treeView:treeView的bootstrapTable扩展

    TreeView演示注意数据中必须包含parentId属性,根节点parentId=null ,子例程中根据配置的parentId == options[treeId] 。例如配置项\u4e2dtreeId='id' ,那么子上游的parentId属性将父父的id 数据必须包含parentId...

    更新的Javascript Listbox和TreeView控件

    总的来说,这次更新让JavaScript的Listbox和TreeView控件更加实用和强大,开发者可以利用这些改进来提升网页应用的交互性和易用性。同时,这也为学习JavaScript UI开发的程序员提供了新的学习材料,帮助他们掌握更...

    TreeView:Contoh源代码VB 6取消菜单菜单alternatif menggunakan komponen TreeView(Microsoft Windows Common Control 6.0)-windows source code

    TreeView:Contoh源代码VB 6取消菜单菜单alternatif menggunakan komponen TreeView(Microsoft Windows Common Control 6.0)

    react-super-treeview::clapping_hands:最后,一个可在每个级别上自定义的React Treeview组件

    :clapping_hands: 最后,一个可在每个级别上自定义的React Treeview组件。 添加/删除节点,放置自己的动画,异步加载数据,甚至进行多选 :glowing_star: Gif功能演示 shift + click多选gmail样式 完整功能 展开/...

Global site tag (gtag.js) - Google Analytics