`

ExtJS 静态树形菜单

EXTJavaScriptCSSHTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>基本树形菜单展现</title>
		<meta http-equiv="content-type" content="text/html; charset=gbk">
		<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
		<script type="text/javascript" src="js/ext-base.js"></script>
		<script type="text/javascript" src="js/ext-all.js"></script>

		<script type="text/javascript">
			Ext.onReady(function(){
				var root=new Ext.tree.AsyncTreeNode({
					id:"root",
					text:"树的根",
					leaf:false,
					children:[
					{
						id: 1,
						text: '子节点1',
						leaf: true
					},{
						id: 2,
						text: '儿子节点2',
						children: [{
							id: 3,
							text: '孙子节点',
							leaf: true
						}]
					}
					]
				});

				var tree=new Ext.tree.TreePanel({
					renderTo:"tree",
					animate:true,//以动画形式伸展,收缩子节点
					title:"Extjs静态树",
					collapsible:true,//如果为true，panel是可收缩的，并且有一个收起/展开按钮自动被渲染到它的头部工具区域
					rootVisible:true,//是否显示根节点
					autoScroll:false,
			　　　	autoHeight:true,
					root:root,
					loader: new Ext.tree.TreeLoader(),
					width:150
				});
			});
			</script>
	<body>
		<div id="tree"></div>
	</body>
</html>

 

分享到：
| extjs官网 Window Samples 之HelloWorld
评论
发表评论

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

相关推荐

    ExtJS静态使用示例

    库中的核心组件包括窗口、表单、菜单、工具栏、面板、树形结构、数据网格等。 2. **Grid的使用**：ExtJS的数据网格（Grid）组件是一个强大的表格展示工具，可以用来展示大量结构化的数据。它支持分页、排序、过滤、...

    extjs目录树编辑

    目录树编辑功能是指EXTJS中允许用户对树形结构进行动态操作，包括添加、删除、修改和查询节点。这个功能在许多业务场景中非常实用，例如文件管理系统、权限管理界面等。EXTJS提供了一套完整的API和事件机制，使得...

    Extjs树菜单的构成

    它提供了一整套组件，包括本文讨论的树形控件（Tree）。在ExtJS中，树菜单是一种可扩展的、交互式的用户界面元素，常用于展示层级结构的数据。 首先，让我们了解一下树控件（Tree）的基本构成。在ExtJS中，树是由根...

    extjs.zip包

    1. **组件化**：EXTJS采用组件化的开发方式，提供了大量的预定义组件，如表格、表单、树形视图、面板、菜单、窗口等，方便开发者快速搭建页面布局。 2. **数据绑定**：EXTJS支持双向数据绑定，使得UI与数据模型之间...

    ExtJS+Struts2

    "左边是树形菜单"这部分，可能使用了ExtJS的TreePanel组件。TreePanel能够展示层次结构的数据，常用于导航菜单。通过异步加载数据，用户可以展开和折叠节点，点击节点时，可以触发相应的操作，比如跳转到新的页面或...

    ExtJs3 演示系统

    在这个系统中，你可以看到如何利用ExtJs3的组件库来构建各种用户界面元素，如表格、表单、树形结构以及数据绑定等功能。 首先，让我们深入了解一下ExtJs3的核心特性。ExtJs3提供了一个丰富的组件模型，包括各种UI...

    ExtJS-3.4.0系列目录

    - **Ext.tree.Panel**：用于展示树形结构的数据，包含配置项和方法，如节点的添加、删除和操作。 7. **数据模型（Model）** - **ExtJS Model**：数据实体模型，用于定义数据结构和关联规则，方便数据操作和绑定。...

    extjs2.0 下拉列

    下拉树允许用户从一个下拉框中选择一个树形结构的节点。实现方式是在 `ComboBox` 的配置中添加一个 `tree` 或 `treeview` 组件，然后配置相应的树节点数据。 对于标签中的 "myeclipse8.5"，这是一款集成开发环境，...

    ExtJS下拉列表树控件

    下拉列表树控件结合了下拉框和树结构的特点，用户可以方便地在下拉菜单中展开和选择树形结构的数据。 在ExtJS中，下拉列表树控件通常由两个主要部分组成：`ComboBox` 和 `TreePanel`。`ComboBox` 是基础的下拉框...

    extjs4官方示例以及api文档html版

    这些示例涵盖了EXTJS4的各种组件和功能，包括表格（Grid）、面板（Panel）、表单（Form）、菜单（Menu）、工具栏（Toolbar）、树形视图（Tree）、图表（Charts）等。通过运行示例，你可以直观地看到组件的外观和交互...

    Y梨Ext动态树的完整示例代码

    EXTJS的树形组件不仅支持静态数据展示，还能通过Ajax异步加载数据，实现动态树。这样的特性使得树结构可以随着用户的交互而更新，极大地提升了用户体验。 动态树的实现主要涉及以下几个关键知识点： 1. **EXTJS的...

    ExtJS2.0sheyongjiaochen.rar_WEB RIA_extjs

    ExtJS利用这种技术，提供了大量的预定义组件，如表格、表单、菜单、面板、树形结构等，使得开发者无需从零开始构建复杂的UI，而是可以直接使用这些组件进行快速开发。 标签"web_ria"和"extjs"进一步强调了这个...

    ExtJs源码上传和下载

    - 丰富的组件库：包括各种表单元素、树形视图、图表、菜单、工具栏等，满足不同应用场景的需求。 - 改进的性能：通过优化代码和减少内存消耗，提高了框架运行效率。 - 更好的可扩展性：支持自定义组件和插件，方便...

    ExtJS+asp+acc做的BLOG

    它提供了大量的组件，如表格、树形视图、面板、菜单等，用于构建复杂的用户界面。在博客系统中，ExtJS 可能用于创建交互式的前端页面，如文章列表、评论区、导航菜单等。 2. **ASP (Active Server Pages)**：ASP 是...

    ASPnet+Extjs+网站通用后台框架

    它提供了一套完整的组件模型，包括表格、树形视图、表单、菜单等，这些组件具有高度可定制性和交互性。ExtJS使用MVC（Model-View-Controller）设计模式，有助于分离业务逻辑、用户界面和数据管理，增强了代码组织...

    很不错的ExtJs PPT

    4. **Tree**：树形组件，用于展示层次结构数据。 5. **Toolbar**：工具栏，常用于放置按钮、菜单和分隔符等。 6. **Panel**：面板组件，可以包含其他组件，通常用作页面的主要内容区域。 7. **Window**：弹出窗口，...

    ExtJS2.0实用简明教程

    ExtJS 2.0 提供了一套完整的UI组件库，包括表格、树形视图、面板、菜单、窗口、表单等，以及强大的布局管理机制。这一版本加强了对Ajax的支持，使得开发者可以创建高度交互和动态的网页应用。 ### 2. 基础组件 - *...

    extjs api3.3 _中文版

    EXTJS 3.3版本在界面上提供了丰富的组件，如表格、网格、表单、树形视图、菜单、工具栏、对话框等，这些组件具有高度可定制性和灵活性。API文档中的"组件"部分会详细介绍如何创建和配置这些组件，以及它们之间的交互...

    ExtJs学习资料，ExtJs学习资料

    它提供了丰富的组件库，包括表格、表单、菜单、工具提示、树形结构等，以及强大的数据绑定和布局管理功能。在ExtJS中，`Ext.MessageBox`是用于显示消息对话框的一个非常重要的组件，它支持多种类型的交互，如警告、...

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