`

第四章-ExtJs-tree

阅读更多

tree

本章任务

1.tree

 

/**
 * 根节点
 */
var _root = new Ext.tree.AsyncTreeNode({

	text:'root',
	expanded:true
});

/**
 * 子节点
 */
var _loader = new Ext.tree.TreeLoader({

	dataUrl:'./ch04.jsp'
});


/**
 * 树形容器
 */
var _tree = new Ext.tree.TreePanel({
	
	autoHeight:true,
	root:_root,
	listeners:{
	click:function(_load){
	alert(_load.id);
	}
	},
	loader:_loader
});

/**
 * 显示到页面
 */
_tree.render(Ext.getBody());

 

 

本章目标

1. 理解tree

分享到:
评论

相关推荐

    ExtJS中editable-column-tree组件的使用 示例

    本篇将详细介绍ExtJS中的editable-column-tree组件的使用,并通过示例进行解析。 首先,`editable-column-tree`组件是ExtJS中的一种特殊类型的树形视图,它允许用户直接在树节点的列中编辑数据。这种功能在需要对树...

    免费 Extjs4.0教程视频

    #### 第四讲:Extjs 4.0的数据代理—Proxy - **数据代理(Proxy)**: - Proxy负责处理与后端数据源的通信。 - 支持多种通信方式,如Ajax、本地存储等。 - 如何配置和使用不同的Proxy类型。 - **实战案例**: - ...

    ExtJS 教程

    4. **第四章 - 按钮、菜单和工具栏**: 这部分涵盖ExtJS中的交互元素,如按钮(Buttons)、下拉菜单(Menus)和工具栏(Toolbars)。这些组件可以增强用户界面的交互性。 5. **第五章 - 使用Grid显示数据**: Grid...

    EXTJS4.0视频教程配套代码

    第四讲:extjs4.0的数据代理-Proxy [04]EXTJS4.0的数据代理-Proxy.002.zip [04]EXTJS4.0的数据代理-Proxy.001.zip 第五讲:extjs4.0的读写器reader,writer [05]EXTJS4.0的读写器reader,writer.wmv 第六讲:...

    Extjs教程源码

    第四讲: EXTJS4.0的数据代理——Proxy 第五讲: EXTJS4.0的读写器Reader, Writer 第六讲: EXTJS4.0的数据集Store 第七讲: EXTJS4.0的事件机制Event 第八讲: EXTJS4.0的Ajax 第九讲: EXTJS4.0的Core包和Ext类 第十讲: ...

    extjs4 treeGrid实例

    在ExtJS4中,TreeGrid主要由`Ext.tree.Panel`类定义,它扩展了`Ext.grid.Panel`,因此具备了表格的所有功能,同时也包含了树结构的特性。 创建一个TreeGrid的第一步是定义模型(Model)。模型定义了数据的字段及其...

    用ExtJS实现动态载入树

    <div id="tree-div" style="overflow:auto;height:300px;width:200px;border:2px solid #c3daf9;"> ``` 2. **创建JavaScript文件**:创建一个名为`org.js`的JavaScript文件,该文件用于配置树状结构面板并加载...

    Extjs4 tree report

    标题“Extjs4 tree report”涉及的技术点主要集中在ExtJS 4框架的树形报表功能。ExtJS是一个用于构建富客户端Web应用的JavaScript库,它提供了丰富的组件模型和强大的数据绑定机制。在ExtJS 4中,树形控件...

    Extjs教程_第八章_Tree(树)(2)

    【ExtJS 树形组件(Tree)教程:编辑与扩展功能】 在 ExtJS 中,树形组件(Tree)是一种常用的数据展示方式,尤其适合展示层级结构数据。在本教程的第二部分,我们将深入探讨如何实现节点编辑以及树形组件的其他...

    Extjs教程_第八章_Tree(树)(1)

    在本章的“Extjs教程_第八章_Tree(树)(1)”中,主要介绍了ExtJS框架中的树形组件(Tree)及其基本用法。Ext.tree组件是用于展示层级数据的重要工具,常用于模拟文件系统、组织结构或其他具有层次关系的信息。以下是...

    ExtJS4下拉树组件

    ### ExtJS4 下拉树组件知识点详解 #### 一、概述 在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于...

    ExtJSWeb应用程序开发指南(第2版)

    第4章 最常用的表单 4.1 表单及表单元素 4.1.1 了解Ext.form.Basic基本表单 4.1.2 认识Ext.form.Panel表单面板 4.1.3 Ext.form.field.Base基础表单字段 4.1.4 Ext.form.field.Text文本域 4.1.5 Ext.form.field...

    extjs4 项目例子

    这个项目里面包含了本人从开始初学EXTJS4的全部事例:grid、tree、chart图表、文件上传、mvc、还有用户信息注册。里面的一些难点、要点都加了注释,还有一个file.txt文件是本人的小小总结,还没完整。我也是一个第一...

    EXTJS4.0视频教程 30集 下载地址

    - **下载EXTJS 4.0**:可以从官方提供的链接或第三方平台下载。 - **环境搭建**:确保本地开发环境支持HTML、CSS和JavaScript。推荐使用现代浏览器进行测试。 - **引入EXTJS**:在HTML文件中通过`<script>`标签引入...

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

    标题中的“extjs two tree 动态双树代码 效果图”指的是使用ExtJS框架实现的一个动态双树结构的应用。ExtJS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序,它提供了丰富的组件库,其中包括树形组件。...

    Extjs4.0视频教程和源代码,另附文档翻译

    #### 第四讲: Extjs4.0的数据代理(Proxy) - **Proxy的作用**:解释了Proxy在Extjs中的用途,它是连接模型和数据存储的桥梁,负责数据的加载和保存操作。 - **不同类型的Proxy**:详细介绍了几种常用的Proxy类型,如...

    ExtJs中引用的三个js

    6. **模块化与按需加载**:为了优化性能,ExtJS 4及以上版本引入了CMD(Command Line Compiler)和AMD(Asynchronous Module Definition)模块化加载机制。通过Sencha CMD工具,开发者可以将应用拆分为模块,并在...

    extjs 总结

    EXTJS 是一种基于 JavaScript 的前端框架,主要用于构建富客户端应用程序。它提供了一套完整的组件库,包括用于创建各种用户界面元素的类,如表格、窗口、菜单、表单等。在EXTJS中,TreePanel是用于展示树形数据结构...

    extjs实现报表

    - **打印支持**:使用ExtJS的Print Manager或第三方库实现报表的打印功能。 - **数据导出**:将报表数据导出为Excel、CSV或其他格式,便于进一步处理。 9. **性能优化** - **远程排序和过滤**:减轻客户端负担,...

Global site tag (gtag.js) - Google Analytics