Tree.Panel各项属性

1、Ext.tree.TreePanel
主要配置项:
root:树的根节点。
rootVisible:是否显示根节点,默认为true。
useArrows:是否在树中使用Vista样式箭头,默认为false。
lines:是否显示树线,默认为true。
loader:树节点的加载器,默认为Ext.tree.TreeLoader。
selModel:树的选择模式,默认为Ext.tree.DefaultSelectionModel。
pathSeparator:树节点路径的分隔符,默认为“/”。
singleExpand:是否一次只展开树中的一个节点,默认为true。
requestMethod:请求方法,可选值有POST、GET。
containerScroll:是否将树形面板注册到滚动管理器ScrollManager中。
autoScroll:当内容超过预设的高度时自动出现滚动条。
draggable:是否允许拖曳。
enableDD:设置树的节点是否可以拖动。
主要方法:
collapseAll():收缩所有树节点
expandAll():展开所有树节点
getRootNode():获取根节点
getNodeById(String id):获取指定id的节点
expand( [Boolean deep], [Boolean anim], [Function callback], [Object scope] )
expandPath( String path, [String attr], [Function callback] )
getChecked( [String attribute], [TreeNode startNode] )
selectPath( String path, [String attr], [Function callback] )
getSelectionModel():
2、Ext.data.Node
主要配置项:
id:节点id
leaf:当前节点是否为叶子节点
主要属性:
id:节点id
attributes:节点属性的集合
parentNode:当前节点的父节点
childNodes:当前节点所有子节点组成的数组
firstChild:当前节点的第一个直接子节点,如果没有则为null值
lastChild:当前节点的最后一个直接子节点,如果没有则为null值
nextSibling:当前节点的下一个兄弟节点,如果没有则为null值
previousSibling:当前节点的前一个兄弟节点,如果没有则为null值
主要方法:
appendChild( Node/Array node ):追加新的子节点
bubble( Function fn, [Object scope], [Array args] ):从当前节点开始向上迭代调用指定函数,如果指定函数返回false则将终止迭代。
args:传入函数中的参数,默认为当前节点
cascade( Function fn, [Object scope], [Array args] ):从当前节点开始向下迭代调用指定函数,如果指定函数返回false则将终止迭代。
contains( Node node ):当前节点是否包含指定子节点。
eachChild( Function fn, [Object scope], [Array args] ):迭代当前节点的所有子节点调用指定函数,如果指定函数返回false则将终止迭代。
findChild( String attribute, Mixed value ):查找具有指定属性的第一个子节点。
findChildBy( Function fn, [Object scope] ):根据自定义函数查找第一个符合要求的子节点,如果自定义函数返回true则说明匹配成功。
getDepth():取得当前节点的深度,根节点的深度为0
getOwnerTree():取得当前节点所在树。
getPath( [String attr] ):取得当前节点对应的路径,这个路径在程序中可用于展开或者选择节点。
attr:用于查找路径的属性,默认为节点id
hasChildNodes():是否有子节点
indexOf( Node node ):取得指定子节点的索引值,未找到返回-1。
insertBefore( Node node, Node refNode ):在当前节点的指定子节点之前插入一个新的子节点。
node:要插入的新节点
isAncestor( Node node ):判断指定节点是否为当前节点的父节点(可以是任何一级中的父节点)。
isFirst():是否为父节点的第一个子节点。
isLast():是否为父节点的最后一个子节点。
isLeaf():是否为叶子节点。
item( Number index ):取得指定索引的子节点。
remove():从父节点中删除当前节点。
removeChild( Node node ):删除当前节点的指定子节点。
replaceChild( Node newChild, Node oldChild ):用新的子节点替换当前节点的指定子节点。
sort( Function fn, [Object scope] ):用指定的排序函数为当前节点的子节点进行排序。
3、Ext.tree.TreeNode
主要配置项:
text:节点上的文本信息
qtip:节点上的提示信息
icon:节点图标对应的路径
iconCls:应用到节点图标上的样式
checked:当前节点的选择状态
true:在节点前显示一个选中状态的复选框
false:在节点前显示一个未选中状态的复选框
不指定该值:不显示任何复选框
href:节点的连接属性,默认为#
hrefTarget:显示节点连接的目标框架
editable:是否允许编辑,默认为true
expanded:是否展开节点,默认为false
disabled:是否禁用节点,默认为false
singleClickExpand:是否通过单击方式展开节点
allowChildren:是否允许当前节点具有子节点,默认为true
expandable:当不含子节点时,是否总显示一个加减图标,默认为false
uiProvider:节点的UI类,默认为Ext.tree.TreeNodeUI
主要属性:
text:节点上的文本信息
disabled:当前节点是否被禁用
主要方法:
collapse( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):收缩当前节点
deep:是否级联收缩全部子节点
collapseChildNodes( [Boolean deep] ):收缩所有子节点
disable():禁用当前节点
enable():启用当前节点
ensureVisible( [Function callback], [Object scope] ):确保所有父节点都是展开的
expand( [Boolean deep], [Boolean anim], [Function callback], [Object scope] ):展开当前节点
expandChildNodes( [Boolean deep] ):展开所有子节点
isExpanded():当前节点是否展开
isSelected():当前节点是否被选中
select():选择当前节点
setText( String text ):设置当前的文本
toggle():切换当前节点的展开和收缩状态
unselect():取消对当前节点的选择
getUI():取得节点的UI对象
4、Ext.tree.AsyncTreeNode
主要配置项:
loader:当前节点的树加载器,默认使用树中配置的树加载器
主要方法:
isLoaded():当前节点是否已经加载数据
reload( Function callback, [Object scope] ):重新加载节点数据,并调用回调函数
5、Ext.tree.TreeNodeUI
主要方法:
getAnchor():从节点的UI中获取焦点的<a>元素
getIconEl():获取图标的<img>元素
getTextEl():获取文本节点
addClass( String/Array className ):
removeClass( String/Array className ):
hide():
show():
isChecked():取得节点的选择状态,如果当前节点没有复选框则函数返回false
toggleCheck( Boolean (optional) ):设置节点复选框的选择状态
6、Ext.tree.TreeNodeUI作为树形节点的视图,我们可以通过node.ui的方式获得某个Ext.tree.TreeNode实例对应的Ext.tree.TreeNodeUI。

主要函数:

addClass( )给节点增加样式;

removeClass()给节点删除样式;

getAnchor()获得页面上与树形对应的<a>标签;

getIconEl()获得页面上与树形对应的<img>标签;

getTextEl()获得页面上与树形对应的包含文字的<span>标签部分;

hide()和show()函数可以控制树形节点是否隐藏;

isChecked()函数可以判断节点中Checkbox状态;

toggleCheck()函数可以修改节点中的Checkbox状态;

7、Ext.tree.DefaultSelectionModel
是TreePanel的默认选择模式,该模式一次只能选择树中的一个节点。
主要方法:
clearSelections():清除对树中所有节点的选择
getSelectedNode():取得当前被选中的节点
isSelected( TreeNode node ):节点是否被选中
select( TreeNode node ):选中指定节点
unselect( TreeNode node ):取消指定节点的选中状态
selectNext():选择当前被选节点的下一个节点
selectPrevious():选择当前被选节点的上一个节点
8、Ext.tree.MultiSelectionModel
是TreePanel的多选择模式,该模式一次可以选择树中的多个节点。
主要方法:
clearSelections():清除所有节点的选中状态
getSelectedNodes():取得被选节点组成的数组
isSelected( TreeNode node ):节点是否被选中
select( TreeNode node, [EventObject e], Boolean keepExisting ):选中指定节点
unselect( TreeNode node ):取消指定节点的选中状态
9、Ext.tree.TreeLoader
提供了对子节点的延时加载功能,请求指定的URL地址,返回子节点数据,返回的数据格式如下:
[
{
id: 1,
text: "node1",
leaf: true,
check: false
},
{
id: 2,
text: "node2",
children: [
{
id: 3,
text: "node3",
leaf: true
}
]
}
]
树节点展开时,当前节点的id会作为请求参数被发送到服务器,在服务器可以通过node参数名进行获取。
主要配置项:
dataUrl:获取子节点的URL地址。
baseAttrs:子节点的基本属性对象,该对象中的属性将被添加到树加载器创建的所有子节点上。优先服务器返回的同名属性值。
baseParams:基本的请求参数,这些参数会被附加到每一个节点的请求中
clearOnLoad:在加载前是否移除已存在的子节点,默认为true。
preloadChildren:在第一次加载子节点后是否递归加载所有子节点。
requestMethod:请求方法,可选值有POST、GET。
uiProviders:加载器创建子节点的UI实现类。
url:与dataUrl作用相同。
主要方法:
load( Ext.tree.TreeNode node, Function callback, (Object) scope ):从指定的URL加载树节点。
node:需要加载子节点的树节点。
10、Ext.tree.TreeEditor
主要配置项:
alignment:对齐方式。
editDelay:两次点击节点触发编辑操作的延时时间,默认为350毫秒。
hideEl:在显示编辑器组件时是否隐藏绑定元素。
maxWidth:编辑器的最大宽度,默认为250。
11、Ext.tree.TreeSorter
主要配置项:
property:用于排序的节点属性名,默认为text。
dir:排序方向,可选值有asc、desc,默认为asc。
caseSensitive:是否区分大小写,默认为false。
folderSort:叶节点是否排在非叶节点之下,默认为false。
leafAttr:叶子节点在folder排序时的值,默认为leaf。
sortType:一个自定义函数用于在排序前转换节点值。

12、若要设置选中节点的属性node.setText(‘new node’),其他属性的设置可以模仿这种方式。

13、tree.setRootNode( )设置根节点;root.appendChild(node1)表示把node1插到根上面,也就是root添加子节点node1;root.expand(true,true)其中第一个参数表示是否递归展开子节点,如果为false,就只展开第一级节点,下面的子节点仍然是折叠状态。第二个参数表示是否要动画效果。

注意:若要出现树形效果,必须要给定一个初始高度,或者定义autoHeight为true。

14、若要从本地读取json数据,需要写个文本文件为树形提供json数据。需要在TreePanel中设置属性loader:new Ext.tree.TreeLoader(dataUrl:’03-03.txt’},还得将根节点的TreeNode改成AsyncTreeNode,因为TreeNode不支持Ajax,无法生成子节点。若要实现读取本地js中的json数据,也需要设置loader,此处的url不需要设置,同样TreeNode改成AsyncTreeNode。

注意:在txt文档里应定义节点的属性leaf:true,不然节点会无限循环下去。

15、若要实现从后台读取数据,需要给根节点设置个id,然后dataUrl将jsp或php文件链上,注意节点的id不能重复。这里不能再使用root.expand(true)进行递归展开了,不然会导致树形节点不断向后台发送请求,直到所有的节点都展开为止,无法实现异步的效果。

16、icon比iconCls的优先级高,iconCls只能设置背景图片,icon设置的是img中的src部分。

17、若是将tree渲染到某个panel里,不能再用root.expand(true,true)实现根节点展开功能,需要在root中加一个属性expanded:true。

18、TreeNode里的view部分称为UI,包括缩进用的空白,节点之间的连接线,节点展开和折叠的图标以及显示的标题。

19、在弹出框属性中设置animEl:node.ui.textNode实现动态效果,是从节点飞出来的。

20、可以设置节点href属性,以及在新页面打开hrefTarget:’_blank’

21、treepanel事件有click,beforeload,contextmenu右键菜单事件,nodedrop,beforestartedit,complete等。

22、从一棵树拖到另一棵树,需要分别设置enableDrag和enableDrop。

23、clear( )表示清空过滤条件,这会让树形显示出所有节点;clearBlank:true表示如果查询的字符串是空字符串,就执行clear();autoClear:true表示每次过滤之前先执行clear(),否则会在上次过滤的结果上进行查询;remove表示会删除不符合过滤条件的节点,这样就不能使用clear()恢复为过滤之前的状态了。

转载于:https://www.cnblogs.com/pinnasky/archive/2012/03/02/2377506.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/267286.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

测试用例设计方法

测试用例设计方法 本篇由本人整理黑盒、白盒、接口测试一系列用例设计方法。 黑盒测试用例设计方法包括等价类划分法、边界值分析法、错误推测法、因果图法、判定表驱动法、正交试验设计法、功能图法、场景图法等。 &#xff08;一&#xff09;等价类划分法 定义&#xff1a;等…

oracle 在数据库打开状态下进行备份时_下面描述不正确的是,Oracle数据库DBA面试题50道及答案_经典...

Oracle数据库DBA面试题50道及答案_经典1. 解释冷备份和热备份的不同点以及各自的优点解答&#xff1a;热备份针对归档模式的数据库&#xff0c;在数据库仍旧处于工作状态时进行备份。而冷备份指在数据库关闭后&#xff0c;进行备份&#xff0c;适用于所有模式的数据库。热备份的…

Disk Quota磁盘配额

Disk Quota &#xff1a;磁盘配额 限制某个用户或某个组&#xff0c;对某个分区(生效级别是文件系统)的使用能力&#xff1b;由于早期的Unix系统是多用户、多任务的环境&#xff0c;所以一台主机的磁盘会被多个用户使用&#xff0c;某个用户占用大量的磁盘空间会影响其他用户对…

linux进度条脚本,Linux下简易进度条的实现代码

在生活中&#xff0c;进度条是很常见的&#xff0c;那么&#xff0c;进度条是如何实现的呢&#xff1f;首先&#xff0c;进度条的动态是利用人眼视觉暂留效果的。实际上是如下过程&#xff1a;先输出&#xff1a;[ ]表示进度是1%&#xff0c;刷新之后再输出&#xff1a;[ …

省选之前的未完成的计划(截至到省选)

PLAN OF THE COMING HEOI good problems:-bzoj4823:[Cqoi2017]老C的方块 【*】-bzoj3171:[Tjoi2013]循环格 【*】-bzoj4200:[Noi2015]小园丁与老司机 【*】-bzoj1061:[Noi2008]志愿者招募 【*】-bzoj3600:没有人的算术 【*】-bzoj2806:[Ctsc2012]Cheat 【*】-bzoj2219:数论之神…

动手写的Python的HTML语法分析器(面向对象)

动手写的Python的HTML语法分析器&#xff08;面向对象&#xff09; 主要包括4个文件&#xff0c;util.py文件主要负责截取每个块。 rules.py文件定义两个类&#xff0c;超类Rule和分别对应的子类&#xff0c;子类定义了不同的划分块的要求,子类包换action函数&#xff0c;调用h…

Linux中mysql的卸载和重装,在Linux下面卸载与重新安装Postgresql

在Linux下面卸载与重新安装Postgresql1. 先把原来的postgresql安装包找出来&#xff0c;如果找不到就可以直接安装了。[roottestserver postgresql]# rpm -qa|grep postpostgresql-docs-8.0.3-1.1AXpostgresql-libs-8.0.3-1.1AXfreeradius-postgresql-1.0.1-3.RHEL4.1AXpostgre…

[原]Jenkins(二十) jenkins再出发之Error: Opening Robot Framework log failed

错误缘由&#xff1a;使用plugin [public robot framework test results] 生成的HTML文件都无法正常打开.解决方案&#xff1a;Connect on your jenkins url (http://[IP]:8080/) Click on administer Jenkins Click on consol jenkins Copy this into the field and execut…

【016】VS2010连接内置SQL数据库

参考&#xff1a;传智播客.Net培训.net视频教程 >> 【05】第五季 ADO.NET&#xff08;1-30&#xff09; 示例代码&#xff1a;sql_test.zip 首先建立一个 控制台 或者 WinForm 项目&#xff0c;然后进行下面的操作&#xff01; 1. 在 项目 上面右键》添加》新建项 2. 接下…

linux终端机详解,Linux reset设定终端机的状态命令详解

名称: reset, tset使用方法: tset [-IQqrs] [-] [-e ch] [-i ch] [-k ch] [-m mapping] [terminal]使用说明:reset 其实和 tset 是一同个命令&#xff0c;它的用途是设定终端机的状态。一般而言&#xff0c;这个命令会自动的从环境变数、命令列或是其它的组态档决定目前终端机的…

json-server模拟后台接口

前言&#xff1a; 项目开发中&#xff0c;影响项目进程的常常是由于在前后端数据交互的开发流程中停滞&#xff0c;前端完成静态页面的开发后&#xff0c;后端迟迟未给到接口。而现在&#xff0c;我们就可以通过根据后端接口字段&#xff0c;建立一个REST风格的API接口&#xf…

为什么生产环境都是linux,关于生产环境linux系统中的wheel用户组

本文系统环境&#xff1a;CentOS Linux release 7.7.1908 (Core)一般来说&#xff0c;目前linux系统中的wheel组&#xff0c;默认情况是没有使用到的、如果要使用wheel组&#xff0c;让其有具体的作用&#xff0c;需要结合/etc/pam.d/su文件配置很多在Linux中为了更进一步加强系…

微信小程序----全局变量

全局变量的作用 在微信小程序开发中&#xff0c;会遇到一个很实际的应用场景&#xff0c;就是一个变量会在多个页面进行使用。 例如&#xff1a; 1. 在微信小程序开发中使用高德地图的微信小程序开发&#xff0c;其中key值就需要在多个页面使用&#xff1b; 2. 在微信小程序开…

目录同步 linux,Linux系统目录实时同步

1.当操作系统根分区空间不够时(有大量的日志写入或应用部署在根分区)&#xff0c;可以将单个或多个目录进行同步出来&#xff0c;源目录是磁盘较大的分区&#xff0c;目标目录是在根分区下&#xff0c;实际文件写入在较大的分区。[rootmysql01 ~]# mkdir /home/123 /123 …

byte转化为Bitmap,防止内存溢出

Java代码 ByteArrayInputStream is new ByteArrayInputStream(byte[]); BitmapFactory.Options optionsnew BitmapFactory.Options(); options.inPurgeable true; options.inInputShareable true; options.inSampleSize 2; try …

Hadoop点滴-HDFS命令行接口

1、-help[cmd] 显示命令的帮助信息 ./hdfs dfs -help ls1 2、-ls(r) 显示当前目录下的所有文件 -R层层循出文件夹 ./hdfs dfs -ls /log/map ./hdfs dfs -lsr /log/ (递归的)1 3、-du(s) 显示目录中所有文件大小,或者当只指定一个文件时&#xff0c;显示此文件的大小 ./hdfs d…

linux centos-6.5,Linux(CentOS 6.5)安装 mysql

linux下安装软件的方式很多&#xff0c;这里是使用简单而方便的yum来安装一、使用yum 安装mysql服务&#xff0c;客户端1、检查是否已经安装&#xff1a; yum list installed | grep mysql2、 yum list installed | grep MYSQL3、查询结果&#xff1a;4、这是我已经安装的mysq…

amcharts应用

查看选中的软件的下载量&#xff0c;通过amchart报表工具显示出软件日下载量&#xff0c;月下载量以及年下载量&#xff0c;下面简单介绍&#xff0c;amchart在struts2中的应用。 amCharts提供JavaScript/HTML5图表。一套包括串行&#xff08;列&#xff0c;栏&#xff0c;线&a…

两种常见挂载Jenkins slave节点的方法

1、挂载slave节点的方法 在Jenkins的Master上&#xff0c;进入Mange node页面&#xff0c;可以管理node节点&#xff0c;例如新加、删除等操作。 其中&#xff0c; Name是节点名字&#xff1b; Description是节点描述&#xff1b; // of executors是该节点可以同时运行job的数…

linux下makefile中cp,make与makefile 的理解

当我们写程序过程中存在多个文件之间有复杂的包含关系时&#xff0c;若修改了其中一个源文件&#xff0c;就重新编译所有文件&#xff0c;一般是不必要的&#xff0c;并且当文件很多时&#xff0c;就显得非常笨拙。所有包含该文件的文件需要重新编译&#xff0c;而其它无关系的…