TreeNode 类

TreeNode 是构成 TreeView 的基本元素,TreeNode 也可以拥有自己的子节点,子节点还可以有子节点,所以 TreeNode 本身也是一个树。

TreeNode 标签属性

几个最基本属性有:

每个节点的样式都可以单独设置,所有支持的样式属性如下:

className 节点的默认样式,如果不设置则从 TreeView 的nodeClass属性继承。 textClass 节点的文本样式,默认从 TreeView 的nodeTextClass属性继承。 hoverClass 鼠标划过节点时的样式,默认从 TreeView 的nodeHoverClass属性继承。 selectedClass 节点的选择后的样式,默认从 TreeView 的selectedNodeClass属性继续。 selectedHoverClass 节点在选择后鼠标划过的样式,默认从 TreeView 的selectedNodeHoverClass属性继续。 editingBoxClass 节点在编辑状态的文本框样式,默认从 TreeView 的editingBoxClass属性继承。 iconClass 节点的图标样式,默认从 TreeView 的nodeIconClass属性继承。 expandedIconClass 节点在展开状态的图标样式,默认从 TreeView 的expandedNodeIconClass属性继承。 tipClass 节点的提示内容的样式,默认从 TreeView 的nodeTipClass属性继承。 capClass 节点上方内容的样式,默认从 TreeView 的nodeCapClass属性继承。 gapClass 节点和子节点之间内容的样式,默认从 TreeView 的nodeGapClass属性继承。 lapClass 节点下方内容的新式,默认从 TreeView 的nodeLapClass属性继承。 cutClass 节点被剪切时的样式,默认从 TreeView 的cutNodeClass属性继承。 dropClass 有其他节点被拖放到当前节点时当前节点的样式,默认从dropChildClass属性继承。

用于控制节点的布尔属性有:

text 属性的三种形态

TreeNode 状态属性

这些属性不能通过标签属性设置,而且都是只读的,可以在 Javascript 中调用。

下面是与节点元素相关的属性,这些属性除非自己定义 TreeNode,否则用不到。

方法

节点操作相关方法(按功能排序)。

子节点或元素相关方法:

其他方法:

节点文本

节点文本是节点的说明,也是一个节点最基本的属性。节点文本支持使用text属性或 TEXT 标签进行设置。一般纯文本使用text属性,当使用 HTML 内容时使用 TEXT 标签,理论上 TEXT 标签中可以使用任意的 HTML 内容。

节点图标

节点图标支持图片、Iconfont和任意的 HTML 代码,通过icon属性或 ICON 标签进行设置。如果使用icon属性,当属性值以.jpg.png.gif结尾时,会自动识别为图片;当属性值以icon-开头时,会自动识别为 Iconfont。如果icon属性不能满足要求,可以使用 ICON 标签进行设置,理论上 ICON 标签中可以使用任意的 HTML 代码。如下例:

节点有两种状态,一种是闭合或折叠状态,另一种是展开状态。相应的,可以分别设置两种状态下的图标,默认的icon属性或 ICON 标签表示闭合状态下的图标,可以使用expanded-icon属性或 EXPANDED-ICON 标签设置展开状态下的图标(中横线可以省略)。

一般图标选取或设置为 16 像素大小视觉效果最佳。


参考链接


微信公众号
码农老吴  |  星源工作室  |  开发月志  |  问题反馈
联系我们:wu@qross.io     手机/微信:18618171102
京 ICP 备 20027445 号
$(h1)!