`
love4J
  • 浏览: 72569 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.tree移动节点

    博客分类:
  • Ext
阅读更多
移动ext树的节点,保存到数据库,可以在'movenode'事件中处理。
tree.on('movenode',function(tree,node,oldParent,newParent,index){
	
});

如果要是复制一个节点到另一个目录下边,该怎么实现呢?
在windows中,有CTRL+鼠标拖动来实现复制文件,那么ext的树是否也可以实现这样的功能?
思路:
1.监听document的onkeydown事件
2.在enddrag中,判断key是否为CTRL,如果是,那么克隆要移动的节点,添加到移动节点的oldParent。将后台返回的id修改到移动到newParent下边的node。
分享到:
评论

相关推荐

    editTreeGrid ext可编辑的treegridpanel

    EXT JS的可编辑TreeGrid也支持响应式布局,可以根据不同设备的屏幕尺寸自动调整显示效果,适应移动设备和桌面端。 9. **示例代码** 创建一个基本的可编辑TreeGrid可能如下所示: ```javascript Ext.application...

    完成Ext 拖拽树后对新的树节点顺序进行保存

    这可能涉及在树数据模型中移动节点对象,或者调整其父节点的子节点数组。 4. **同步视图**:更新数据源后,调用`store.sync()`来同步视图,使界面反映出新的节点顺序。 5. **持久化存储**:最后,将更新后的树数据...

    Ext Js权威指南(.zip.001

    7.5.11 树节点:ext.data.nodeinterface与ext.data.tree / 364 7.5.12 store的方法 / 366 7.5.13 store的事件 / 368 7.5.14 store管理器:ext.data.storemanager / 369 7.6 综合实例 / 369 7.6.1 远程读取json...

    extjs tree

    - ExtJS Tree支持拖放操作,可以将节点在树之间或内部进行移动,实现动态调整树结构。 6. **源码分析** - 通过阅读源码,可以深入理解TreePanel的工作原理,包括节点渲染、数据绑定、事件处理等方面的实现细节。 ...

    EXT--tree

    5. 节点操作:添加、删除、移动和更新节点。 6. 事件监听:如节点选择、展开、折叠等事件的监听和处理。 7. 自定义渲染:根据需求自定义节点的显示样式和内容。 8. 动态加载:根据用户的滚动或选择,动态加载更多...

    ExtJS4官方指南翻译:DragandDrop拖放/Grid组件/Tree组件/容器与布局

    拖放功能通过`Ext.dd`和`Ext.util.Draggable`等类实现,这些类提供了事件监听和处理机制,使得开发者能够轻松实现自定义的拖放行为。 2. **Grid组件**: Grid组件是ExtJS4中的一个核心组件,用于展示大量结构化的...

    Ext用户扩展控件-------支持树上多个节点和叶子的拖动

    "Ext用户扩展控件-------支持树上多个节点和叶子的拖动"是EXT JS中的一个高级特性,它增强了EXT JS的树形控件(TreePanel),允许用户通过拖放操作在树结构中移动多个节点和叶子。这一功能对于数据组织和展示特别...

    EXT tree 使用 实例 最新

    6. **拖放功能**:EXT Tree支持拖放操作,可以配置`draggable`和`dropZone`属性来启用此功能,方便用户重新排序或移动节点。 7. **加载和异步操作**:EXT Tree支持懒加载,即只有在需要时才从服务器请求子节点数据...

    如何使用ext写的树形菜单

    - **节点操作**:添加、删除、移动节点可以通过`appendChild`、`remove`、`move`等方法实现。 5. **使用EXT GWT(GXT)** 如果需要在Google Web Toolkit (GWT)环境中使用EXT,可以使用EXT GWT(GXT)。GXT提供了...

    Ext树创建说明.rar

    - 拖放操作:通过`ddGroup`和`enableDragDrop`配置项,可以启用拖放功能,实现节点的移动和排序。 - 节点监听:可以监听节点的各种事件,如`checkchange`、`expand`和`collapse`,以便进行相应的业务处理。 - 自定义...

    ext的tree两个拖拽例子

    本主题主要关注EXT的TreePanel中的拖放(Drag and Drop)功能,这是一项允许用户通过鼠标操作重新排序节点或在不同树之间移动节点的强大特性。下面我们将深入探讨这两个拖放例子。 首先,我们要理解EXT JS的拖放...

    EXTJS 树的实例

    EXTJS提供了丰富的API进行节点操作,如添加、删除、移动节点,以及展开、折叠节点。例如: ```javascript var newNode = tree.getRootNode().appendChild({text: '新节点'}); newNode.expand(); ``` 7. **事件...

    ExtJs树形结构 ext的简单应用

    在ExtJs中,树形结构通常通过`Ext.tree.Panel`组件来实现,它可以展示可折叠/展开的节点,支持节点的拖放操作,以及各种自定义的事件和行为。 2. **创建树形结构** 创建一个基本的树形结构首先需要定义节点数据。...

    extjstree

    - **异步加载**:Ext.jstree支持按需加载节点,减少初次加载时的数据量,提高性能。 - **拖放操作**:允许用户通过拖放来重新组织树的结构。 - **可选节点**:节点可以被设置为可选,用户可以通过复选框选择特定...

    Extjs的tree

    通过扩展`Ext.tree.Panel`和`Ext.data.NodeInterface`,可以创建自定义节点类型,添加更多的功能。 8. **节点状态持久化** 如果需要在页面刷新后保持用户的展开/折叠状态,可以使用`stateful`配置,并配合`stateId...

    ExtJs框架系列之filetree 源码

    3. **拖放操作**:通过Ext.dd.DragDropManager,FileTree实现了拖放功能,允许用户移动或复制文件和文件夹。 4. **图标和样式**:在`css`文件中,包含了表示文件和文件夹的不同状态(如打开、关闭、选中等)的CSS类...

    ext树实例代码

    - **Ext JS**:这是一个基于JavaScript的前端框架,用于创建高性能、跨平台的桌面和移动应用程序。它提供了一套完整的UI组件库,包括表格、图表、表单、面板等,以及数据处理和网络通信的能力。 - **Tree控件**...

    Ext用户扩展控件-----树形表格

    在ExtJS中,Tree Grid的实现通常基于`Ext.tree.Panel`和`Ext.grid.Panel`。开发者可以使用`Ext.tree.Column`来定义列,就像在普通的`Ext.grid.Panel`中一样。同时,还需要配置`store`来管理数据,这个store不仅需要...

    extjs动态树的示例代码.rar

    动态树可能会使用`appendChild`、`insertBefore`等方法来添加或移动节点。 4. **异步加载**:动态树通常采用异步加载方式,即在用户展开节点时才向服务器请求子节点数据。这可以通过设置`TreeStore`的`proxy`,通常...

    EXT_JS实例,官方实例

    8. **Drag & Drop**:EXT JS支持拖放功能,允许用户在界面上自由移动组件,实现更直观的操作体验。 9. **国际化**:EXT JS内置了国际化的支持,可以轻松切换不同的语言环境。 10. **主题和皮肤**:EXT JS提供多种...

Global site tag (gtag.js) - Google Analytics