Ext 中的Tree实现不同节点不同的右键菜单

首先了解 Ext.Tree.Node.attributes的用法：

定义如下数据（其中有自定义类型type）：

js 代码

[{"text":"a","id":"1","cls":"folder","type":"4"},{"text":"b","id":"2","cls":"folder","type":"3"}]

通过 Tree.TreeLoader　加载数据后可以通过如下语法读取type自定义属性

js 代码

node.attributes.type

 

了解自定义属性用法后可在Tree的contextmenu事件中控制不同类型的结点显示不同的菜单了，关键代码：

js 代码

prepareCtx:function(node, e){
        node.select();
        if(node.attributes.type=="3");{
       ctxMenu.showAt(e.getXY());
        }
       if(node.attributes.type=="4"){
         ctxMenu1.showAt(e.getXY());
       }
      }

 

完整例子见附件，注：此例子不中包含ext库文件，如需运行需将ext库文件放入ajax/yui目录

• treedemo.rar (2.4 KB)
• 下载次数: 577

分享到：

在Spring中将hibernate 的mapping分组配置

• 2007-12-25 22:44
• 浏览 6826
• 评论(6)
• 查看更多

评论

6 楼 lht_ge 2011-06-01  

zzzzzzzzzzzzzzzzzzzzzzzz

5 楼 lchj 2009-06-18  

谢谢楼主了

4 楼 sixday 2008-08-28  

谢谢博主 学习一下

3 楼 qiu768 2008-07-24  

谢谢博主，俺正需要！！

2 楼 xwinner 2008-06-11  

   

1 楼 122410832 2008-03-22  

    

相关推荐

ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

【标题】"ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree" 暗示这是一个关于Ext JS库中TreePanel组件的实例，其中可能包含了用于创建和管理数据结构的树形视图，以及与数据库交互的功能。 【描述】"ext的树的...

EXT tree 使用 实例 最新

8. **扩展和插件**：EXT Tree有丰富的扩展和插件，如`checkbox`（复选框节点）、`contextmenu`（右键菜单）等，可以进一步增强功能。 在文档`extjs的tree的使用.doc`中，你将找到关于如何设置这些配置、创建树实例...

Ext.Tree.Panel

`Ext.Tree.Panel`是EXT JS库中的一个重要组件，用于展示层次结构的数据，通常用作树形菜单或文件系统目录的视图。这个组件是EXT JS框架中用于创建交互式、可扩展的树结构的工具。以下是对`Ext.Tree.Panel`相关知识的...

ExtJS 自定义树组件 节点的操作 搜索 右键菜单

功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范，简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.

EXT Tree的简单实践

6. **代码实践**：`extTree.js` 文件很可能是实现 EXT Tree 的具体代码。在这个实践中，开发者可能定义了一个 TreePanel，并设置了相应的配置项，加载了数据，注册了事件处理器。通过阅读和分析这个文件，可以深入...

ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例

用户可以通过折叠和展开Accordion面板浏览不同分类，而Ext.tree.Panel则提供了一种直观的方式来展示和操作层级结构的数据。这种技术组合在企业级应用开发中非常常见，能够提供高效、用户友好的界面体验。

Ext Tree示例

在 Ext Tree 中，XML 数据通常通过 `TreeLoader` 组件加载，这个组件知道如何解析 XML 并构建树的节点。 `trs.js` 文件可能是另一个 JavaScript 示例，它可能包含了自定义的树操作或者扩展了默认的树行为。例如，它...

oa.rar_ext_ext java oa_ext oa_ext tree_java ext tree

在描述中提到的“ext tree”，指的是EXT库中的TreePanel组件，它能够展示层次结构的数据，常用于文件系统、组织结构或者导航菜单等场景。将EXT Tree与SSH2结合，意味着开发者可能通过Java后端服务获取数据，并用EXT ...

关于extjs ext.tree

- `Ext.menu.Menu`可以与`itemcontextmenu`事件结合，创建节点的右键菜单。 - `Ext.selection.TreeModel`提供了树形选择行为，支持单选或多选。 总之，`ext.tree`是ExtJS库中一个强大且灵活的组件，通过配置和...

复选框的且带右键菜单的树代码

本文档介绍了一段实现带有复选框功能以及右键菜单的树形结构代码。该树形结构主要用于展示联系人信息，并支持用户进行一系列操作如搜索、添加、删除等。下面将对这段代码的关键部分进行详细解析。 #### 二、关键...

Ext_Tree属性方法

`Ext.tree.TreeNode`是用于表示树形结构中的每个节点的对象，它扩展了`Ext.data.Node`。 - **text**：节点的文本内容。 - **qtip**：节点的提示信息。 - **icon**：节点的图标路径。 - **iconCls**：节点的图标样式...

DWR方式动态加载EXT.Tree

EXT TreePanel 是EXT JS库中的一个组件，它用于展示层次结构的数据，通常以树形结构显示，广泛应用于文件系统、组织结构或者菜单的展示。而DWR则是一种允许JavaScript在浏览器端与服务器端进行异步通信的技术，它...

ext生成树节点带链接

为了让树形菜单中的每一个子节点都能够支持链接功能，我们需要对每个子节点进行定制化处理。具体做法是为每个子节点添加`href`属性，并设置相应的点击事件。 ```javascript var child = new Ext.tree.AsyncTreeNode...

如何使用ext写的树形菜单

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

获取Extjs中的TreePanel中所有的被checked的叶子节点的id

在本篇文章中，我们将深入探讨如何在ExtJS框架中获取TreePanel中所有被选中（checked）的叶子节点的ID。此技术对于处理复杂的数据结构、优化用户交互体验以及实现高效的数据管理至关重要。 ### 一、ExtJS简介 ...

解析Xml构建Ext树形菜单

在本文中，我们将深入探讨如何使用XML来构建EXT框架中的动态树形菜单。EXT是一个流行的JavaScript库，用于创建丰富的用户界面，而XML则是一种结构化的数据格式，常用于存储和交换数据。结合两者，我们可以创建出功能...

Ext 两种树形菜单

在Ext JS中，树形菜单通常通过`Ext.tree.Panel`或者`Ext.tree.View`组件来实现。这些组件允许开发者定义节点的数据源、样式、行为等特性。例如，你可以设置展开/折叠节点的动画效果，添加图标，以及自定义节点的点击...