`
atgoingguoat
  • 浏览: 195157 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

extjs two tree 动态双树代码 效果图

    博客分类:
  • js
阅读更多



 extjs3.1 tree 代码 ,这是根据官方网站 two_tree.js 方式修改的。自己生成了动态生成树。

其它动态生成树有很多种方式:

1:官方的 DwrTree 调用 后台类,extjs 会自动封装好数据给前吧。

 

tree = new Ext.tree.TreePanel({   
    loader: new Ext.ux.DWRTreeLoader({dwrMethod: Param.getTree}),   
    autoScroll:true,   
    root:new Ext.tree.AsyncTreeNode({text:'根结点,id:'0'})   
});  

 

 

2:自己封装数据,生成特定格式的文本。

 

new Ext.tree.TreeLoader({
                    dataUrl:'../jsp/get-nodes.jsp',
                    baseParams: {lib:'two'}
                }),

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

效果图

 

  • 描述: 树效果图
  • 大小: 47.9 KB
  • ext2.rar (2.1 MB)
  • 描述: two tree JBuilder 2006 工程代码
  • 下载次数: 580
分享到:
评论

相关推荐

    Extjs tree实例【源代码】

    ExtJs 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 2. 节点分为两个类(项目和设备) 3. 右键菜单 4. 节点增、删、改操作 ....... 后台是java struts1。 本例旨在说明extjs的tree操作,后台操作很简陋...

    extjs的tree的使用

    ExtJS的Tree组件还提供了一系列事件,如`beforeitemexpand`、`itemexpand`、`itemcollapse`等,这些事件可以在节点展开或收起时触发,允许你在这些时刻执行自定义代码,增加更多功能或进行状态管理。 ### 样式与...

    extjs ajax tree(js动态树,无需递归)

    ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...

    Extjs Tree + JSON + Struts2 示例源代码

    ExtJS Tree + JSON + Struts2 示例源代码是结合了三种技术来实现一个动态的、交互式的树形数据展示的应用。这个示例中,ExtJS用于前端UI的构建,JSON作为数据交换格式,而Struts2则作为后端MVC框架处理请求和返回...

    ExtJs_TreeDemo

    树形菜单(Tree)是ExtJs中的一个重要组件,它允许用户以层级结构展示数据,广泛应用于文件系统、组织结构或者导航菜单等场景。"ExtJs_TreeDemo"是一个示例,展示了如何在ExtJs中实现树形菜单的功能。 在ExtJs中,...

    extjs-tree.zip_extjs tree

    这个"extjs-tree.zip"文件包含了使用Java编写的ExtJS异步树形控件的示例代码,旨在帮助开发者快速理解和应用这一功能。ExtJS是Sencha公司开发的一个前端框架,广泛应用于构建富互联网应用程序(RIA)。 在ExtJS中,...

    ExtJs4 Checkbox tree

    ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...

    ExtJS Tree教程及例子代码

    ExtJS Tree是Sencha公司开发的ExtJS框架中的一个组件,用于构建可交互的树形数据结构。在网页应用中,树形结构常...记得实践是检验理解的最佳方式,尝试修改示例代码,看看会有什么效果,这样能加深对这些概念的理解。

    动态加载extjs tree

    动态加载是ExtJS Tree的一个重要特性,它允许根据需要加载节点数据,减少了初次加载时的数据量,提高了用户体验。 动态加载,也称为懒加载(Lazy Loading),是指在用户滚动或展开特定节点时才请求并加载该节点及其...

    ExtJS4.2 tree 级联选择

    总结一下,"ExtJS4.2 tree 级联选择"是通过ExtJS的TreePanel组件实现的,利用了`selModel`的级联选择功能,配合`check-tree.js`中的逻辑代码,读取`check-nodes.json`作为数据源,构建了一个具有交互式的树形选择器...

    Extjs的tree

    ExtJS的Tree组件是Sencha ExtJS框架中的一个重要部分,用于构建可交互的树形结构数据展示。在ExtJS中,TreePanel是用来显示和操作树形数据的主要组件,它可以用于组织层次化的信息,如文件系统、组织架构或者分类...

    Extjs3.2.0+asp.net动态Tree

    在“Extjs3.2.0+asp.net动态Tree”项目中,主要涉及的技术点包括: 1. **ExtJS TreePanel**:TreePanel是ExtJS中的一个组件,用于展示层级结构的数据,通常用于表示目录结构或者组织结构。在3.2.0版本中,TreePanel...

    Extjs的Tree和Tab使用json做tree数据交互

    在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...

    extjs tree

    ExtJS Tree是基于ExtJS框架实现的一种数据结构展示方式,它主要用于展示层级关系的数据,例如组织结构、文件系统等。ExtJS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计,提供了丰富的组件化功能和...

    extjs开发tree效果

    在ExtJS中,TreePanel是实现树结构的主要组件,它可以用来展示层次化的数据,常用于构建导航菜单、文件系统或者组织结构图。 在ExtJS开发树效果时,我们首先要理解TreePanel的基本概念。TreePanel是一个可滚动的...

    extjs 写的动态加载、增删改查、拖拽Tree(完整版)

    总之,ExtJS 动态加载、增删改查和拖拽Tree的实现,结合MySQL数据库的操作,能够帮助你构建出功能强大且高效的前端数据管理界面。掌握这些技术,不仅可以提升开发效率,还能为用户提供流畅的操作体验。

    ExtJs Tree

    综上所述,ExtJs Tree不仅提供了丰富的配置选项来满足多样化的应用场景需求,而且通过高度定制化的API接口,开发者可以根据实际业务逻辑轻松实现复杂的交互效果。这对于构建具有强大数据管理能力的企业级应用来说是...

    extjs tree示例

    总的来说,ExtJS Tree 示例展示了如何将动态数据与用户界面相结合,提供一个直观且功能丰富的树状导航系统,同时通过Access数据库支持对树结构的增删操作。通过深入理解和实践,你可以创建出适应各种业务需求的高效...

    extjs tree 异步加载树型

    异步加载树型是 ExtJS Tree 的一个重要特性,允许只在需要时动态加载子节点,从而提高页面的加载速度和用户体验。 异步加载通常通过 AJAX 请求实现,只有当用户展开一个节点时,才会向服务器请求该节点的子节点数据...

Global site tag (gtag.js) - Google Analytics