`
xuwenjin666
  • 浏览: 46929 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

(转)Extjs TreePanel 拖拽 ,节点为leaf=true 不能拖拽解决办法

 
阅读更多

Ext.TreePanel有一个默认的控制,就是在允许拖放节点的时候,我们只能将节点拖放到 leaf = false 的节点下,而拖放节点到 leaf = true的节点的时候,界面上不出现节点被选定的状态。其结果是不管我们怎么拖动,都无法在一个叶子节点上做Append操作。

       以下的代码是写在 nodedragover事件中的,当节点拖放时,我们对目标节点做一个判断,if (e.target.leaf) ,如果证明是叶子节点,将该节点leaf属性 置为false。哈哈,这个问题就绕过去。


"nodedragover" : function(e) {
   var node = e.target;
   if (node.leaf)
     node.leaf = false;
   return true;
}

 

原文章:http://blog.csdn.net/josephlee0717/article/details/5827199

分享到:
评论

相关推荐

    Extjs动态树的实现以及节点拖拽

    在ExtJS 3.1版本中,默认情况下,节点不能被拖放到叶子节点上。这是因为树的默认配置限制了这种行为。为解决这个问题,我们需要监听`nodedragover`事件,并在事件处理器中临时修改叶子节点的属性,使其能够接受拖放...

    extjs TreePanel

    - **draggable**: 是否允许用户拖动节点。 - **enableDD**: 设置是否启用节点的拖放功能。 2. **主要方法**: - **collapseAll()**: 收缩树中所有的节点。 - **expandAll()**: 展开树中所有的节点。 - **...

    Extjs树Demo

    ExtJS是一款强大的JavaScript框架,主要用于构建富客户端应用。在给定的“Extjs树Demo”中,我们将探讨如何使用ExtJS实现树形结构,这是一种常见的数据可视化方式,用于表示层次结构的数据。 首先,理解ExtJS中的树...

    Extjs树菜单的构成

    例如,`text`属性定义节点的显示文本,`leaf`属性表示该节点是否为叶子节点,`id`是节点的唯一标识,`href`和`hrefTarget`分别用于设置链接地址和打开方式,`draggable`决定节点是否可拖动,`checked`控制是否显示复...

    Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例

    在EXTJS4中,实现树形控件(TreePanel)的拖放功能是通过`treeviewdragdrop`插件来完成的。这个插件允许用户在树结构中移动节点,甚至可以在两个不同的TreePanel之间进行拖放操作。下面将详细介绍如何配置和使用这个...

    Extjs帮助文档.pdf

    接下来将详细介绍文档中提到的几个核心概念,包括`Ext.MessageBox`、`Ext.Panel`、`Ext.Window`、`Ext.FormPanel`、`Ext.TabPanel`、`Ext.XTemplate`和`Ext.TreePanel`以及如何在Extjs中实现主题(换肤)功能。...

    ext树形动态菜单 .doc

    该方法首先检查传入的列表是否为空,如果不为空,则遍历每个节点,根据父节点 ID 和子节点 ID 构建树形结构。 #### 3. DAO 层处理 虽然没有提供具体的 DAO 层代码,但从前面的 Java 代码可以看出,这里涉及到对...

    Ext表格控件和树控件

    在这个示例中,`TreePanel` 包含了一个根节点,根节点下面有两个文件夹和一个文件。`TreeLoader` 负责从服务器加载数据。 ##### 5.2 事件处理 `TreePanel` 支持多种事件处理,例如节点展开、折叠、点击等。这些...

Global site tag (gtag.js) - Google Analytics