ext使用的是ext3.4.0版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title>Hello-Ext</title>

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

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

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

    <script type="text/javascript" src="js/win.js" ></script>

    <script type="text/javascript" >

        /*Ext.onReady(function () {

            var win = new Ext.Window({

                width: 600,

                height: 500,

                title: "测试窗口",

                buttons: [{ text: "确定" }, {text:"取消"}]

            });

            win.show();

        });*/

    </script>

</head>

<body>

</body>

</html>

ext创建树的脚本

function ShowWindow() {

    //调用button的on方法设置监听函数

    var btn = new Ext.Button({

        text: "创建一个窗口"

    });

    btn.on("click", ShowMinWindow);

    var win = new Ext.Window({

        width: 500,

        height: 300,

        title: "My Ext Window",

        maximizable: true,

        minimizable: true,

        maximize: function () { win.hide(); },

        buttons: [{ text: "创建一个带数的窗口",

            listeners: {

                click: function () {

                    var tree = new Ext.tree.TreePanel({

                        width: 500,

                        height: 300,

                        title: "树的测试",

                        root: new Ext.tree.AsyncTreeNode({

                            text: "子节点1",

                            children: [{ text: "子节点11", children: [{ text: "子节点111", leaf: true}] }, { text: "子节点2", leaf: true}]

                        })

                    });

                    var w1 = new Ext.Window({

                        width: 300,

                        height: 400,

                        title: "树",

                        items: [tree]

                    });

                    //w1.add(tree);

                    w1.show();

                }

            }

        }, btn]

    });

    win.show();

}

function ShowMinWindow() {

    var win = new Ext.Window({

        width:200,

        height: 100,

        title:"弹出窗口"

    });

    win.show();

}

Ext.onReady(ShowWindow);

效果如下图

使用Ext 创建树的更多相关文章

  1. webform 创建树

    using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI ...

  2. 用数据表创建树_delphi教程

    数据库结构:字段 类型ID 整型 索引(无重复)name 文本father 整型 //tree初始化procedure TForm1.FormActivate(Sender: TObject);var ...

  3. 遍历json创建树状表（首先的前提条件是要引入jquery的jquery treeTable插件）

    "root":{ "children":[ { "name":"AA", "children":[ ...

  4. WebForm中创建树节点TreeNode

    Tree: namespace ECTECH.NorthSJ.Web.SysData { public partial class testTree : BasePage { ; protected ...

  5. Qt 使用大神插件快速创建树状导航栏

    前言 本博客仅仅记录自己的采坑过程以及帮助网友避坑,方便以后快速使用自定义控件,避免重复出错. 下载插件 大神 Github Qt 自定义控件项目地址:https://github.com/feiya ...

  6. [Ext.Net]TreePanel+gridPanel实例

     @小花要完整例子,尝试一下图文并茂,力求完整. gridPanel TreePanel.JPG (27.49 KB, 下载次数: 16) 下载附件  保存到相册 2013-1-6 11:24 上 ...

  7. 使用Extjs组件实现Top-Left-Main布局并且增加事件响应

    每次在毕业答辩会上,看到同专业的同学只要是XXX管理系统,就是下图所示的界面,看来这中布局还是很受欢迎的(偷笑).接下来进入我们正题,在web项目无论是前端还是后台管理比较常见的布局就是Top-Lef ...

  8. ExtJs知识点概述

    1.前言 ExtJS的前身是YUI(Yahoo User Interface).经过不断的发展与改进,ExtJS现在已经成功发布到了ExtJS 6版本,是一套目前最完整和最成熟的javascript基 ...

  9. dtree的使用和扩展

    相信用过dtree的童靴的不在少数,网络上流传的JS树有很多,例如雪花树MzTreeView,EXT.Struts2出来之后,也有自己的树控件,但是这么多风姿卓约的倩影中,我独爱,独爱dtree那一棵 ...

随机推荐

  1. can基础知识介绍

    1.什么是can 2.can的特点 2.物理层特征 我们使用ISO11898标准,物理层特征如图所示 3.帧的种类介绍 实际上有一些帧是有硬件来实现的. 4.数据帧介绍 5.总线仲裁 6.位时序(用于 ...

  2. 日常学习随笔-自定义了一个MyArrayListDefin集合（数组扩容+迭代器+JDK1.8新方法+详细说明）

    一.自定义了一个ArrayList的模拟集合(源码+详细说明) 前段时间分析了下ArrayList集合的源码,总觉得如果不自己定义一个的话,好像缺了点什么,所以有了如下的代码. 代码可以说是逐行注释了 ...

  3. iTween插件使用

    itween插件 itween是一个动画库,作者创建它的目的就是最小的投入实现最大的产出.用它可以轻松实现各种动画,晃动,旋转,移动.褪色.上色.控制音频等. iTween原理: itween的核心是 ...

  4. 使用KubeAdm部署Kubernetes集群——如何访问google代码仓库及Yum源

    一.申请国外服务器,部署ShadowSock服务 1.下载并创建配置文件 wget https://github.com/shadowsocks/shadowsocks-go/releases/dow ...

  5. code manager tools myeclipse10 svn插件安装及使用

    一.下载: 1.在线安装地址:http://subclipse.tigris.org/update_1.6.x 2.安装包下载地址:http://subclipse.tigris.org/servle ...

  6. Tomcat 集群 + Redis Session 共享出现 Session 瞬间失效问题

    写在前面的话 写这篇博客出于公司最近要迁移到新的云上面且对之前的资源,架构做一个升级. 本来是一个不大的项目,旧环境旧一个 TOMCAT 跑起来,不过出于高可用考虑,新环境决定使用 TOMCAT 集群 ...

  7. java 学习第零篇JDK安装和记事本编辑JAVA

    用记事本来编写java 首先你要安装JDK. 第一步下载JDK. 这步不多BB. 第二部安装JDK. 你要么改安装地址或者默认. 也不多BB. 第三步配置环境变量 WIN10为例: 此电脑 右键  属 ...

  8. MapReduce Kmeans算法含测试数据

    使用时,需要修改K值,args值 运行流程: 先初始化中心点->map中和距离最近的中心点生成一对传入reduce->reduce中把相同key值的存到一起->更新中心点,计算和上一 ...

  9. asp遍历前端的所有控件

    //遍历ID为Panel1的panel里的所有label控件 foreach (Control ctl in this.Panel1.Controls) { //判断类型为Label的 if (ctl ...

  10. 【模板】缩点 tarjan+dp

    题目背景 缩点+DP 题目描述 给定一个n个点m条边有向图,每个点有一个权值,求一条路径,使路径经过的点权值之和最大.你只需要求出这个权值和. 允许多次经过一条边或者一个点,但是,重复经过的点,权值只 ...