`
lovechenxue
  • 浏览: 56605 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
文章分类
社区版块
存档分类
最新评论

EXT~~点击父节点生成子节点的动态树

EXTJSP 
阅读更多
一个点击父节点生成子节点的动态树～～～捣鼓了一天～～终于做好了～～把源码贴出来～～备忘～～～
<script type="text/javascript">  
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = "/PsoWeb/s_sgd/ext/resources/images/default/s.gif"
var Tree = Ext.tree;
var root=new Ext.tree.AsyncTreeNode({
id:"para=root",
text:"基本维度
});
var tree=new Tree.TreePanel({
renderTo:"tree-div",
root:root,
useArrows:true,  
    autoScroll:true,  
    animate:true,  
    enableDD:true,  
    containerScroll: true,
loader: new Ext.tree.TreeLoader({url:"treejsoncallback.jsp?para=root"})
});
tree.on("beforeload",function(node,event){
tree.loader.dataUrl='treejsoncallback.jsp?'+node.id;
});
});
</script>


嵌入到div中～～
<body>  
<div id="tree-div" style="overflow:auto; height:600px;width:250px;border:1px solid #c3daf9;"></div>        
</body>
分享到：
评论
3 楼 qq642617822 2010-12-24  
能不能把需要导入的ext.js写上啊，无语
2 楼 kathy20100604 2010-08-19  
很好用，很感谢
1 楼 diqigan 2008-12-19  
能不能把完整的代码给分享一下。。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    EXT构造动态树 包括增删改操作

    在提供的`动态树例子json`文件中，可能包含了上述提到的JSON数据结构，用于演示EXT如何处理动态树及各种操作。通过实际代码示例，我们可以更深入地理解EXT动态树的操作方式。在实践中，结合EXT的API文档和示例代码，...

    Ext动态树的生成，后台是JSP

    在本场景中，我们将探讨如何结合两者来生成动态的树形结构，即Ext动态树。 首先，我们需要理解ExtJS中的树组件（TreePanel）。树组件提供了一种直观的方式来展示层次化的数据，它能够通过异步加载节点来优化性能。...

    ext树　无限级　json 数据格式　动态加载

    EXT树的每个节点都是一个`Ext.tree.Node`对象，包含ID、文本、子节点等属性。无限级树意味着树的层级可以无限深，每一层都可以有任意数量的子节点。这样的结构在处理大型数据集时尤为有用，因为一次性加载所有数据...

    Extjs 加载数据库 生成tree

    通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_")，根据数据的长度就...

    EXT 树形结构样例

    EXT Tree是由节点（Nodes）组成的，每个节点可以有子节点，形成一个多级的层次结构。这些节点可以通过EXT JS的数据模型（Model）和数据存储（Store）来管理。数据存储从服务器端获取JSON数据，并将这些数据解析成树...

    ext2的树组件的使用

    另一个是节点关系表，记录父节点和子节点的关系。Service层通过DAO访问数据库，将查询结果转换为List或Map，然后使用如jsonlib这样的包将数据转化为JSON格式。 在JSON数据的生成过程中，每个树节点由一个对象表示，...

    ext树形动态菜单 .doc

    该方法首先检查传入的列表是否为空，如果不为空，则遍历每个节点，根据父节点 ID 和子节点 ID 构建树形结构。 #### 3. DAO 层处理 虽然没有提供具体的 DAO 层代码，但从前面的 Java 代码可以看出，这里涉及到对...

    基于内存多叉树的Ext JS无限级树形菜单实现方案

    - **节点结构**：每个节点包含节点ID、文本、是否叶子节点等基本属性，以及一个指向子节点的列表。 - **树的根节点**：作为树的起始点，通常表示整个结构的顶层。 - **遍历算法**：为了将内存多叉树转化为JSON格式，...

    一个简单的部门树【struts2+json+ext】

    3. 查询结果转化为JSON格式，其中每个对象代表树的一个节点，包含ID、名称、父节点ID等属性，以及可能的子节点数组。 4. JSON数据通过HTTP响应返回给前端EXT Tree组件。 5. EXT Tree解析JSON数据，根据节点信息创建...

    生成JSON树型表结构

    EXT框架，作为一个强大的前端组件库，提供了丰富的UI控件，其中包括树形组件（EXT树），它能够根据JSON数据生成交互式的树状结构。 EXT树是EXT JS库中的一个组件，用于展示层级关系的数据，比如目录结构、组织架构...

    简单的EXT加载数据的例子

    本示例将详细介绍如何在EXT中加载数据，特别是通过EXT的Treepanel来呈现一个生成的树形结构。 首先，我们要理解EXT Treepanel。Treepanel是EXT中用于展示层次结构数据的组件，它可以用于创建多级目录、组织结构图等...

    Ext tree json Demo

    在异步加载模式下，树的子节点不会一次性全部加载，而是只有在用户展开特定父节点时才请求服务器获取对应的数据。这种方式降低了初始页面加载的时间，对大型数据集特别有用。 JSON（JavaScript Object Notation）是...

    Extjs 无限树菜单 后台拼接json

    - `Node.java`可能代表树结构中的一个节点模型，包含ID、文本、父节点ID等属性，以及与子节点相关的关联信息。 - `Children.java`可能表示一个节点的子节点集合，用于存储子节点的引用。 2. **后台拼接JSON**： ...

    Ext４tree与后台交互

    这个JSON数据应该遵循Ext4 TreeStore的格式，包含父节点ID、子节点列表、每个节点的属性等信息。 在实际应用中，使用Ext4的TreePanel与后台交互通常涉及以下步骤： 1. **初始化TreePanel**：在`index.jsp`中创建一...

    jsp页面树形结构的生成.pdf

    `initTree`函数接收父节点`p`和对象`o`，根据`o`的属性创建新的树节点，并递归处理子节点。`node.on('click', function(n))`和`node.on('dblclick', function(n))`分别绑定了单击和双击事件。 7. **树形面板**： ...

    自己写的一个动态从后台数据库加载Ext.tree的json数据工具类

    2. **JSON数据格式**：理解返回的JSON数据结构非常重要，一般包含节点ID、父节点ID、节点文本、子节点列表等字段。 3. **异步请求**：利用Ajax或者其他HTTP请求方式与服务器进行通信，获取JSON数据。 4. **数据解析*...

    多叉树结合JavaScript树形控件实现无限级树形结构（一种构建多级有序树形结构JSON（或XML）数据源的方法）

    3. 将获取到的数据转换为多叉树结构，这可能涉及到递归算法，确保所有子节点都被正确地关联到父节点。 4. 将多叉树转换为 JSON 格式，返回给前端。 5. 前端接收到 JSON 数据后，使用 JavaScript 树形控件（如 Ext JS...

    好用的复选树源码改进版

    点击节点时，需要更新其选中状态，并可能影响其父节点和子节点的状态。 3. **事件处理**：监听用户操作，如点击节点、全选/全取消、反选等，这些事件触发相应的状态变更，并可能需要触发回调函数以通知后端或其他...

    ext两张表组成的tree结构防止id重复的方法（一）

    通常，树结构可以通过自引用的方式实现，即一张表中有一个字段指向自身的ID，形成父节点与子节点的关系。在本例中，我们可能有两张表，一张用于存储父节点信息，另一张用于存储子节点信息。为避免ID重复，我们需要...

    ExtJS构造动态异步加载

    在动态加载树的场景中，服务器返回的JSON数据应包含树节点的信息，如ID、文本、子节点数组等。例如： ```json [ { "id": "1", "text": "父节点1", "children": [ { "id": "1.1", "text": "子节点1.1" }, {...

Magicbox
Global site tag (gtag.js) - Google Analytics