武昌便宜做网站,兼职网站建设推广人才,网站怎么做内链接地址,宜昌市做网站的公司1、Ext.tree.TreePanel主要配置项#xff1a;root#xff1a;树的根节点。rootVisible#xff1a;是否显示根节点#xff0c;默认为true。useArrows#xff1a;是否在树中使用Vista样式箭头#xff0c;默认为false。lines#xff1a;是否显示树线#xff0c;默认为true…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节点idleaf当前节点是否为叶子节点主要属性id节点idattributes节点属性的集合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()取得当前节点的深度根节点的深度为0getOwnerTree()取得当前节点所在树。getPath( [String attr] )取得当前节点对应的路径这个路径在程序中可用于展开或者选择节点。attr用于查找路径的属性默认为节点idhasChildNodes()是否有子节点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是否允许编辑默认为trueexpanded是否展开节点默认为falsedisabled是否禁用节点默认为falsesingleClickExpand是否通过单击方式展开节点allowChildren是否允许当前节点具有子节点默认为trueexpandable当不含子节点时是否总显示一个加减图标默认为falseuiProvider节点的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()取得节点的选择状态如果当前节点没有复选框则函数返回falsetoggleCheck( 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中设置属性loadernew Ext.tree.TreeLoader(dataUrl:’03-03.txt’}还得将根节点的TreeNode改成AsyncTreeNode因为TreeNode不支持Ajax无法生成子节点。若要实现读取本地js中的json数据也需要设置loader此处的url不需要设置同样TreeNode改成AsyncTreeNode。 注意在txt文档里应定义节点的属性leaftrue不然节点会无限循环下去。 15、若要实现从后台读取数据需要给根节点设置个id然后dataUrl将jsp或php文件链上注意节点的id不能重复。这里不能再使用root.expandtrue进行递归展开了不然会导致树形节点不断向后台发送请求直到所有的节点都展开为止无法实现异步的效果。 16、icon比iconCls的优先级高iconCls只能设置背景图片icon设置的是img中的src部分。 17、若是将tree渲染到某个panel里不能再用root.expand(true,true)实现根节点展开功能需要在root中加一个属性expandedtrue。 18、TreeNode里的view部分称为UI包括缩进用的空白节点之间的连接线节点展开和折叠的图标以及显示的标题。 19、在弹出框属性中设置animElnode.ui.textNode实现动态效果是从节点飞出来的。 20、可以设置节点href属性以及在新页面打开hrefTarget:’_blank’ 21、treepanel事件有clickbeforeloadcontextmenu右键菜单事件nodedropbeforestarteditcomplete等。 22、从一棵树拖到另一棵树需要分别设置enableDrag和enableDrop。 23、clear( )表示清空过滤条件这会让树形显示出所有节点clearBlanktrue表示如果查询的字符串是空字符串就执行clear;autoClear:true表示每次过滤之前先执行clear否则会在上次过滤的结果上进行查询remove表示会删除不符合过滤条件的节点这样就不能使用clear恢复为过滤之前的状态了。转载于:https://www.cnblogs.com/pinnasky/archive/2012/03/02/2377506.html
