- 浏览: 74598 次
- 性别:
- 来自: 北京
-
最新评论
Ext.data-Tree/ Node
Ext.data.Tree
继承自Observable,用于存放树装的数据结构
方法
Tree( [Node root] )
以root为根构造Ext.data.Tree对象
getNodeById( String id ) : Node
由指定id得到节点
getRootNode() : Node
得到根节点,由属性root得到更方便
setRootNode( Node node ) : Node
设置根节点
事件有
append : ( Tree tree, Node parent, Node node, Number index )
beforeappend : ( Tree tree, Node parent, Node node )
beforeinsert : ( Tree tree, Node parent, Node node, Node refNode )
beforemove : ( Tree tree, Node node, Node oldParent, Node newParent, Number index )
beforeremove : ( Tree tree, Node parent, Node node )
insert : ( Tree tree, Node parent, Node node, Node refNode )
move : ( Tree tree, Node node, Node oldParent, Node newParent, Number index )
remove : ( Tree tree, Node parent, Node node )
Ext.data.Node
节点
属性
attributes : Object
节点属性集
childNodes : Array
子节点
firstChild : Node
第一个子节点
id : String
id
lastChild : Node
最后一个子节点
nextSibling : Node
下一个兄弟节点
parentNode : Node
父节点
previousSibling : Node
前一个兄弟节点
Node( Object attributes )
构造节点
appendChild( Node/Array node ) : Node
将node做为附加在当前节点的lastChild之后
bubble( Function fn, [Object scope], [Array args] ) : void
由当前节点开始一直上溯到根节点,对于每个节点应用fn,直到有一个fn返回假为止
cascade( Function fn, [Object scope], [Array args] ) : void
由当前节点开始一下对每个子孙节点应用fn.直到返回false为止
contains( Node node ) : Boolean
当前节点是node的祖先节点?
eachChild( Function fn, [Object scope], [Array args] ) : void
基本同cascade,但只针对子节点应用fn
findChild( String attribute, Mixed value ) : Node
在子节点中找到第一个有属性attribute值为value的节点
findChildBy( Function fn, [Object scope] ) : Node
在子节点中找到第一个应用fn返回真的节点
getDepth() : Number
得到当前节点深度,根节点深度为0
getOwnerTree() : Tree
得到当前节点的Tree对象
getPath( [String attr] ) : String
得到当前节点的路径,默认attr为id
indexOf( Node node ) : Number
node在当前节点的子节点中的位置
insertBefore( Node node, Node refNode ) : Node
在参考节点refNode之前插入node节点
isAncestor( Node node ) : Boolean
当前节点是node的祖先节点?
isFirst() : Boolean
isLast() : Boolean
当前节点是父节点的第一/最后一个节点
isLeaf() : Boolean
是叶节点?指不含子节点
item( Number index ) : Node
第index个子节点
removeChild( Node node ) : Node
移除node子节点
replaceChild( Node newChild, Node oldChild ) : Node
用newchild替换oldchild子节点
sort( Function fn, [Object scope] ) : void
用指定的fn排序子节点
事件略
Ext.data.Tree
继承自Observable,用于存放树装的数据结构
方法
Tree( [Node root] )
以root为根构造Ext.data.Tree对象
getNodeById( String id ) : Node
由指定id得到节点
getRootNode() : Node
得到根节点,由属性root得到更方便
setRootNode( Node node ) : Node
设置根节点
事件有
append : ( Tree tree, Node parent, Node node, Number index )
beforeappend : ( Tree tree, Node parent, Node node )
beforeinsert : ( Tree tree, Node parent, Node node, Node refNode )
beforemove : ( Tree tree, Node node, Node oldParent, Node newParent, Number index )
beforeremove : ( Tree tree, Node parent, Node node )
insert : ( Tree tree, Node parent, Node node, Node refNode )
move : ( Tree tree, Node node, Node oldParent, Node newParent, Number index )
remove : ( Tree tree, Node parent, Node node )
Ext.data.Node
节点
属性
attributes : Object
节点属性集
childNodes : Array
子节点
firstChild : Node
第一个子节点
id : String
id
lastChild : Node
最后一个子节点
nextSibling : Node
下一个兄弟节点
parentNode : Node
父节点
previousSibling : Node
前一个兄弟节点
Node( Object attributes )
构造节点
appendChild( Node/Array node ) : Node
将node做为附加在当前节点的lastChild之后
bubble( Function fn, [Object scope], [Array args] ) : void
由当前节点开始一直上溯到根节点,对于每个节点应用fn,直到有一个fn返回假为止
cascade( Function fn, [Object scope], [Array args] ) : void
由当前节点开始一下对每个子孙节点应用fn.直到返回false为止
contains( Node node ) : Boolean
当前节点是node的祖先节点?
eachChild( Function fn, [Object scope], [Array args] ) : void
基本同cascade,但只针对子节点应用fn
findChild( String attribute, Mixed value ) : Node
在子节点中找到第一个有属性attribute值为value的节点
findChildBy( Function fn, [Object scope] ) : Node
在子节点中找到第一个应用fn返回真的节点
getDepth() : Number
得到当前节点深度,根节点深度为0
getOwnerTree() : Tree
得到当前节点的Tree对象
getPath( [String attr] ) : String
得到当前节点的路径,默认attr为id
indexOf( Node node ) : Number
node在当前节点的子节点中的位置
insertBefore( Node node, Node refNode ) : Node
在参考节点refNode之前插入node节点
isAncestor( Node node ) : Boolean
当前节点是node的祖先节点?
isFirst() : Boolean
isLast() : Boolean
当前节点是父节点的第一/最后一个节点
isLeaf() : Boolean
是叶节点?指不含子节点
item( Number index ) : Node
第index个子节点
removeChild( Node node ) : Node
移除node子节点
replaceChild( Node newChild, Node oldChild ) : Node
用newchild替换oldchild子节点
sort( Function fn, [Object scope] ) : void
用指定的fn排序子节点
事件略
发表评论
-
前台分页, 我这里总结一下工作中实现的几种 Ext tree 和 grid 的分页问题。
2010-12-09 15:31 21761、tree 的分页。 当树中的叶子节点过多的时 ... -
Ext.grid.GridPanel 加多个 Ext.Toolbar
2010-12-08 16:58 1676搜索条件很多,一行toolbar不够用了,默认情况下ext一行 ... -
仿qwikiOffice,在ExtJS2.0.2下实现的信息提示小窗口Notification
2010-11-25 14:29 1232在 qwikiOffice 中看到有右下角的消息提示框,在系统 ... -
js实现导入导出打印预览
2010-11-05 11:26 1819<%@ page contentType="a ... -
上传 formpanel
2010-08-17 16:52 1099Ext.ns('Flow.deployProcess'); ... -
[Ext扩展]两个来自Ext官方论坛的时间控件扩展,可选择时分秒
2010-07-28 10:29 3610为方便大家使用,我把控件所需的js、css、gif文件都提取 ... -
如何隐藏form表单中的ComboBox与fiedLabel
2010-03-11 18:50 2190如何隐藏form表单中的ComboBox与fiedLabel ... -
Ext.data- Connection/Ajax/Record
2010-03-10 11:43 1006Ext.data.Connection 访问指定的url,这 ... -
Ext grid 动态表头的例子
2010-02-21 10:24 20501.Ext.onReady(function(){ 2 ... -
【转】ExtJS 3.0 优秀扩展简介 (持续更新)
2010-02-21 09:42 748http://atian25.iteye.com/blog/4 ... -
Ext2.2动态生成ColumnModel
2010-02-09 15:35 1737本篇主要介绍动态生成ColumnModel,进而生成动态生成G ... -
gridpanel动态重新加载columnModel与store
2010-02-09 15:06 1519其实很简单的,主要就是以下三项.//重新绑定gridthis. ... -
ExtJS中get、getDom、getCmp、getBody、getDoc的使用(转)
2010-02-09 14:36 3213Ext中包含了几个以get开头的方法,这些方法可以用来得到文档 ... -
Ext2的日期组件只选择年月
2010-02-04 10:37 812使用 和以前使用一样 -
MyEclipse的JavaScript提示插件(JSEclipse)
2010-01-27 10:29 2996MyEclipse的JavaScript提示插件(JSEcli ... -
grid去掉分页 刷新
2010-01-25 10:17 1441Ext.override(Ext.PagingToolbar, ... -
在ExtJs的容器中显示图片,并动态更新
2010-01-25 09:26 2139{ xtype: 'box', //或者x ... -
grid三层表头
2010-01-21 17:36 1346MyGridView = Ext.extend(Ext.gri ... -
ext javasript json转换为对象
2010-01-21 15:09 962var json = response.responseT ... -
javascript数据类型转换
2010-01-21 14:48 2256首先我们可以看C中间的强制类型转换,只能存在整数可表示类型和浮 ...
相关推荐
node-interval-tree是前端开发者处理区间数据的利器,它利用节点间隔树数据结构提供了高效的区间查询和操作。理解和熟练运用这个库,可以帮助我们解决许多复杂问题,提高代码的效率和可维护性。在实际项目中,根据...
在这个场景下,bat文件的作用是调用tree命令和Node.js脚本,实现一键备份。用户只需双击这个bat文件,系统就会自动执行预定的备份流程,将目录树备份到预先设定的文件夹,简化了操作步骤。 文件名为“目录备份神器...
jsTree 有多种事件可以监听,比如 `ready.jstree`(初始化完成)、`select_node.jstree`(节点被选中)和 `rename_node.jstree`(节点重命名)。以下是一个监听节点被选中的例子: ```javascript $('#jstree_demo_...
双树算法是一种利用两个数据结构(如 Ball Tree 和 KD Tree)来加速计算的方法。在 EMST 的背景下,双树算法可以并行地在两棵树之间进行比较和操作,减少了计算量,提高了效率。通过在不同维度的 spatial 数据集上...
jsTree 提供了一系列的 API 方法,如 `get_node()`, `select_node()`, `create_node()` 等,用于动态操作树结构: ```javascript // 选择一个节点 $("#tree").jstree("select_node", "#node_id"); // 创建新节点 $...
JSTree的官方文档详尽丰富,涵盖了所有可用的配置项和方法,是学习和使用JSTree的重要参考资料。 总结来说,基于jQuery的JSTree是一个功能强大的树型组件,能够满足多种场景的需求,通过灵活配置和丰富的API,可以...
对于Tree组件,你可以通过修改`.x-tree-node-icon`、`.x-tree-node-text`等类来调整节点图标和文本的样式。 ### 总结 ExtJS的Tree组件是一个功能强大且高度可定制的工具,用于展示分层数据。通过上述介绍,你应该...
同时,Tree组件提供了一系列事件,如`onClick`、`onBeforeExpand`、`onBeforeCollapse`等,开发者可以根据需求绑定自定义的处理函数。 7. **实际应用场景**: jQuery EasyUI Tree常用于网站的导航菜单,例如在后台...
5. 事件处理:jstree提供了一系列事件,如`'ready.jstree'`、`'select_node.jstree'`等,可以监听并处理这些事件以实现特定功能。 在本实例中,"ztree+jstree最简单htm实例"可能是将这两个插件的功能结合在一起,...
本文介绍了 jstree AJAX 应用的相关知识,包括 jstree 的简介、AJAX 技术概述、jstree 与 AJAX 的结合方式以及具体的实现方法。通过上述内容,读者可以了解到如何利用 jstree 和 AJAX 技术来构建高效、互动性强的树...
1. **API方法**:如`jstree('create_node')`用于创建新节点,`jstree('rename_node')`用于重命名节点,`jstree('delete_node')`用于删除节点等。 2. **事件**:jsTree触发一系列事件,如`create_node.jstree`在创建...
jsTree提供了一系列API,如`get_node`获取节点信息,`select_node`选择节点,`rename_node`重命名节点,`delete_node`删除节点,以及`open_node`和`close_node`展开或折叠节点等。 4. **事件处理** 用户与树的...
jsTree提供了一系列事件(如`select_node.jstree`、`create_node.jstree`等)和API方法(如`get_json`、`rename_node`等),允许开发者在树操作前后进行逻辑处理,或直接对树结构进行修改。 **六、实际应用案例** ...
EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。在 EasyUI 中,"Tree" 是一个重要的组件,常用于展示层级结构的数据,如组织架构、文件目录等。本例子是关于如何...
Node.js提供了一系列强大的文件系统(fs)模块,使得开发者能够方便地进行文件和目录的操作。本篇文章将深入探讨如何使用Node.js实现这一功能。 首先,我们需要了解Node.js的fs模块。fs模块是Node.js的核心模块,...
3. **初始化 JSTree**:在页面中选择一个元素作为 JSTree 的容器,然后使用 jQuery 选择器和 `jstree` 方法进行初始化,传入配置选项和数据。 4. **配置 JSTree**:在初始化时,你可以设置各种选项,如启用复选框、...
这些操作通过调用layui提供的API实现,例如`tree.checkNode`用于勾选复选框节点,`tree.expandNode`用于展开节点,`tree.removeNode`用于删除节点。 5. **事件绑定**: layui tree允许用户自定义节点的点击、双击...
在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建用户界面。在“easyui tree 三帧界面”这个主题中,我们主要讨论的是如何利用EasyUI的Tree组件来创建一个具有三个独立...
在"ExtJs框架系列之filetree 源码"中,我们关注的是FileTree组件,它是一个可交互的文件系统树形视图,允许用户浏览、操作目录和文件。这个组件在Web应用中尤其常见,用于模拟桌面操作系统中的文件管理器。 File...
在"jsTree大集合"中,你将找到一系列关于jsTree的示例、插件和资源,这些内容可能包括但不限于: 1. **基础使用**:jsTree的基本安装和初始化,如何通过HTML、JavaScript代码设置树节点,以及如何绑定事件来响应...