`
cooleone
  • 浏览: 3091 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Ext3动态树

EXT 
阅读更多
var tree = new Ext.tree.TreePanel({
	id: 'dirTree',
	title: '目录树',
	width: 200,
        lines :false,
        rootVisible : false,
        loader: new Ext.tree.TreeLoader({
        	dataUrl: treeURL,
        	createNode : function(attr) {
			        if (this.applyLoader !== false) {
			            attr.loader = this;
			        }
			        var node = attr.defaulted ?
	                        new Ext.tree.TreeNode({text: attr.name, iconCls : attr.key, id: attr.id, allowDrop: !attr.defaulted}) :
		                        new Ext.tree.AsyncTreeNode({text: attr.name, iconCls : attr.key, id: attr.id, allowDrop: !attr.defaulted});
	                node.defaulted = attr.defaulted;
	                node.key = attr.key;
			        return node;
		    },
        	listeners :{
        		"beforeload": function(loader, node, callback) {
        			var parentId = node.id != "root" ? node.id : "";
        			loader.baseParams = {parentId: parentId, userId: userVO.id}
        		}
        	}
        }),
        root : new Ext.tree.AsyncTreeNode({text: '根目录', id:'root'})
    });
分享到:
评论

相关推荐

    EXT2.0动态树,分页!

    在“EXT2.0动态树,分页!”这个项目中,我们可以看到EXT2.0如何被用来创建一个后台管理系统的动态树结构,并结合了分页功能,以提高用户体验和系统性能。 动态树结构是EXT2.0中的一个重要特性,它允许用户交互地...

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

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

    Ext 3.3.1 动态加载树结构

    Ext 3.3.1 动态加载树结构(Myeclipse 6.0.1) : 由于上传的文件不能大于15M ,和网速的限制,所以我把该资源分成了 3 部分 : 1.不包含jar包的java程序 1.66 MB ; 2.我把该java程序所包含的jar包分成了3部分保存...

    EXT动态树工程,例子学习

    在"EXT动态树工程,例子学习"中,我们将关注EXT中的一个重要组件——动态树。 动态树是一种数据可视化工具,它允许用户以树状结构展示数据。在EXT中,动态树常用于展示层级关系的数据,如文件系统、组织结构或者...

    Ext动态树中文API

    Ext动态树是基于Ext JS库的一个组件,用于创建交互式的、可动态更新的树形结构。这个组件在Web应用程序中非常有用,特别是在需要展示层级数据或者进行导航菜单设计时。Ext中文API为开发者提供了详细的使用指南和参考...

    Ext 3.3.1 动态加载树结构 - jar3

    Jar包-3 只是【Ext 3.3.1 动态加载树结构(请在我的资源中找)】其中的一部分 请下载的朋友看好了哦。 祝你(们)好运 ! 下载下来后 ,将文件夹中的jar包拷贝到 Test\WebRoot\WEB-INF\lib 目录下即可.

    ext 下拉树 ext2

    3. `MzTreeView1.2.js`:这可能是名为MzTreeView的JavaScript库的1.2版本,虽然不是Ext JS,但可能被用作辅助实现下拉树功能的脚本,或者是一个自定义的树形视图组件。 4. `TSelect.js`:这个文件名暗示可能是一个...

    Ext TreePanel Checked Ext复选框树

    3. **TreeNode对象**:在`Ext JS`中,每个树节点都是一个`TreeNode`对象,它包含了节点的所有属性,如文本、图标、子节点等。对于复选框树,`TreeNode`还包含了复选框的状态信息。 4. **事件监听**:`TreePanel`...

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

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

    Ext树创建说明.rar

    3. ` root`: 作为树的根节点,通常包含在store中。 4. ` checkboxes`: 如果需要,可以启用复选框功能。 5. ` viewConfig`: 自定义视图配置,如行样式、拖放行为等。 以下是一个简单的创建Ext树的示例代码: ```...

    如何使用ext写的树形菜单

    在EXT中,实现树形菜单主要依赖于`Ext.tree.Panel`组件,这个组件用于展示层次结构的数据。 1. **树形菜单基础** 树形菜单是一种具有层级结构的界面元素,通常用于表示文件系统、组织结构或导航菜单。在EXT中,`...

    ext 下拉树demo

    3. **TreeStore**:存储树形数据的模型类,用于管理树的节点数据。开发者需要定义数据模型并加载数据到TreeStore中,然后TreePanel会根据这个数据源渲染出树形结构。 4. **TreePicker**:EXT中的下拉树组件可能基于...

    EXT+ASP动态生成树(XML)

    EXT.tree动态树是EXT JS中的一个核心组件,用于显示层次结构的数据。它支持多种功能,如展开/折叠节点、拖放操作、节点选择等。EXT.tree动态树的创建通常涉及以下步骤: 1. 引入EXT库:在HTML文件(如index.html)...

    Ext 动态树

    在Ext中,"动态树"是指能够根据需求实时生成或更新的树形结构组件。这种组件在数据管理、目录结构展示、层级关系表示等方面非常有用。下面我们将详细探讨Ext动态树的相关知识点。 首先,我们要理解Ext的树...

    Ext树例子

    3. 创建`Ext.tree.Panel`实例,设置其配置项,如树的标题、工具栏、列配置等。同时,通过`store`属性绑定到之前创建的TreeStore。 4. 在页面上渲染树。 下面是一个简单的Ext树的例子代码片段,演示了如何创建一个...

    [Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree

    【Ext 3.x + Ext 2.x 下拉树 Ext.ux.ComboBoxTree】是基于ExtJS框架的一个组件,它结合了下拉框(ComboBox)和树形控件(TreePanel)的功能,提供了一种用户友好的选择界面。在网页应用中,这种控件常用于展示层级...

    ext 动态加载的树源码

    3. **数据模型(NodeInterface)**:EXT树中的每个节点都实现了`NodeInterface`,这个接口定义了节点的基本操作,如添加、删除、展开和折叠。节点数据通常包含ID、文本、子节点列表等信息。 4. **事件监听器**:...

    ext 级联选择的树形控件

    5. **数据绑定**:树形控件的数据通常是动态加载的,EXT使用Store来管理这些数据,可以与服务器进行异步通信,更新或获取树的结构和状态。 6. **自定义渲染**:EXT允许开发者自定义节点的显示样式和行为,比如通过...

    ext2的可编辑树

    EXT文件系统家族是Linux系统中最常见的默认文件系统,每个版本都在前一个的基础上进行了改进和增强,如EXT3引入了日志记录功能,EXT4则进一步优化了性能和扩展性。 【压缩包子文件的文件名称列表】:tree1.jsp、js ...

    ext 关于树目录开发使用

    在实际应用中,我们经常需要将 Ext.js 与后端框架如 Spring 进行集成,以实现动态加载树结构数据的功能。下面的示例展示了如何使用 Spring MVC 和 Hibernate 实现这一点。 ```javascript var TreeTest = function ...

Global site tag (gtag.js) - Google Analytics