<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gbk">

        <title>tree</title>

        <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />

        <script type="text/javascript" src="Ext/ext-base.js"></script>

        <script type="text/javascript" src="Ext/ext-all.js"></script>

        <script type="text/javascript">

            Ext.onReady(function(){

                //树控件由Ext.tree.TreePanel类定义，控件名称为TreePanel，TreePanel类继承自Panel面板

                var tree = new Ext.tree.TreePanel({

                    el:'tree'//这里的参数‘tree’表示渲染的DOM的id

                });

                var root = new Ext.tree.TreeNode({text:'我是根'});

                //用setRootNode()方法把root放到tree里

                tree.setRootNode(root);

                //对tree进行渲染

                tree.render();

            });

        </script>

    </head>

    <body>

        <script type="text/javascript" src="Ext/examples/shared/examples.js"></script>

        <!-- 这里定义渲染的DIV，树将出现在这人DIV里 -->

        <div id="tree" style="height:300px;"></div>

    </body>

</html>
<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gbk">

        <title>tree</title>

        <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />

        <script type="text/javascript" src="Ext/ext-base.js"></script>

        <script type="text/javascript" src="Ext/ext-all.js"></script>

        <script type="text/javascript">

            Ext.onReady(function(){

                var tree = new Ext.tree.TreePanel({

                    el:'tree'

                });

                var root = new Ext.tree.TreeNode({text:'我是根'});

                var node1 = new Ext.tree.TreeNode({text:'我是根的第一个枝子'});

                var node2 = new Ext.tree.TreeNode({text:'我是根的第一个枝子的第一个叶子'});

                var node3 = new Ext.tree.TreeNode({text:'我是根的第一个叶子'});

                //使用appendChild()为一人结点添加子结点

                node1.appendChild(node2);

                root.appendChild(node1);

                root.appendChild(node3);

                tree.setRootNode(root);

                tree.render();

                //没有root.expand(true, true);就每次都要点击根或枝前面的加号才能展开整棵树。

                //root.expand(true, true);第一个参数表示是否递归展开所有子结点，如果为false，就只展开第一级子结点，下面的结点仍然是折叠状态。第二个参数表示是否要动画效果，如果为true可以明显看出这些结点是逐渐展开的。

                root.expand(true, true);

            });

        </script>

    </head>

    <body>

        <script type="text/javascript" src="Ext/examples/shared/examples.js"></script>

        <div id="tree" style="height:300px;"></div>

    </body>

</html>

Ext树形结构的更多相关文章

  1. Extjs实现树形结构三连选

    当项目中需要一个部门人员选择或者省市县地域连选时,就需要树形结构的连选. 再此,写了一个简单的树形结构三连选功能,模拟从后台读取数据和处理数据(欢迎大家交流指正). 代码如下: 循环创建三棵树,其中只 ...

  2. 树形结构JSON的实现方法

    在Web应用程序开发领域,基于Ajax技术的JavaScript树形控件已经被广泛使用,它用来在Html页面上展现具有层次结构的数据项.目前市场上常见的JavaScript框架及组件库中均包含自己的树 ...

  3. js文章列表的树形结构输出

    文章表设计成这样了 后端直接给了无任何处理的json数据,现在要前端实现树形结构的输出,其实后端处理更简单写,不过既然来了就码出来 var doclist = [{ "id": 1 ...

  4. GridView 树形结构分组的功能

    在“会飞的鱼”博客中看到GridView实现树形结构的代码,经过修改,添加了树形结构中的复选框功能,欢迎吐槽. 源地址:http://www.cnblogs.com/chhuic/archive/20 ...

  5. [从产品角度学EXCEL 02]-EXCEL里的树形结构

    这是<从产品角度学EXCEL>系列第三篇. 前言请看: 0 为什么要关注EXCEL的本质 1 excel是怎样运作的 或者你可以去微信公众号@尾巴说数 获得连载目录. 本文仅由尾巴本人发布 ...

  6. C# EasyUI树形结构权限管理模块

    最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷 学无止境,精益求精 本节和大家探讨下C#使用EasyUI树形结构/Tree构 ...

  7. YbSoftwareFactory 代码生成插件【十八】：树形结构下的查询排序的数据库设计

    树形结构的排序在中国特色下十分普遍也非常重要,例如常说的五大班子,党委>人大>政府>政协>纪委,每个班子下还有部门,岗位,人员,最终排列的顺序通常需要按权力大小.重要性等进行排 ...

  8. Java创建树形结构算法实例

    在JavaWeb的相关开发中经常会涉及到多级菜单的展示,为了方便菜单的管理需要使用数据库进行支持,本例采用相关算法讲数据库中的条形记录进行相关组装和排序讲菜单组装成树形结构. 首先是需要的JavaBe ...

  9. Atitit 常见的树形结构 红黑树  二叉树   B树 B+树  Trie树 attilax理解与总结

    Atitit 常见的树形结构 红黑树  二叉树   B树 B+树  Trie树 attilax理解与总结 1.1. 树形结构-- 一对多的关系1 1.2. 树的相关术语: 1 1.3. 常见的树形结构 ...

随机推荐

  1. HDU 2181 哈密顿绕行世界问题 （DFS）

    题目链接:https://vjudge.net/contest/185350#problem/C 题目大意:一个规则的实心十二面体,它的 20个顶点标出世界著名的20个城市,你从一个城市出发经过每个城 ...

  2. Java的Stack类实现List接口真的是个笑话吗

        今天在网上闲逛时看到了这样一个言论,说“Java的Stack类实现List接口的设计是个笑话”.   当然作者这篇文章的重点不是这个,原本我也只是一笑置之,然而看评论里居然还有人附和,说“Ja ...

  3. ctime, atime与mtime释疑

    每个档案都有属性及内容.除了档案内容很重要外,时间标记也非常重要--系统管理员可以藉由时间标记进行备份.例行性检查:使用者可以从时间标记找出重要的档案,硬碟的I/O也依靠时间标记(time flag) ...

  4. python开发学习-day02(元组、字符串、列表、字典深入)

    s12-20160109-day02 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...

  5. bzoj 1816 二分

    思路:二分答案,然后我们贪心地先不填最小的一堆,看在最小的一堆消耗完之前能不能填满其他堆. #include<bits/stdc++.h> #define LL long long #de ...

  6. tornado中的cookie

    1. cookie与session的区别: Session:通过在服务器端记录用户信息从而来确认用户身份,保存在服务器上,每个用户会话都有一个对应的session Cookie:通过在客户端记录信息确 ...

  7. MVC Partial页面的使用

    先建立Action: public PartialViewResult CurrentCount() { ViewBag.Count = CurrentUserCount; return Partia ...

  8. Java SHAA加密

    package com.util; import java.security.MessageDigest; /** * 采用SHAA加密 */ public class SHAUtil { /*** ...

  9. java.io 文件分类

    文件分为二进制格式和文本格式. 数据在计算机中都是以二进制的形式表现的,一般来说字节是最小的数据逻辑单位,所以也可以说数据都是以字节序列的形式表现的,不管是在内存中还是磁盘文件中.如果直接把内存中的数 ...

  10. pool创建多进程

    这中方式用的比较多,毕竟要控制并发数量,不可能不限制并发数 #_*_coding:utf-8_*_ from multiprocessing import Pool import time def f ...