zTreeAPI_v2.6速查表:核心函数与配置详解

需积分: 49 1 下载量 62 浏览量 更新于2024-07-20 收藏 4.76MB PDF 举报
"zTree API v2.6.chm.pdf 是一个中文版的zTree API文档,推荐给需要使用zTree的人。文档包含了zTree的核心函数、参数说明、节点属性和方法等内容,便于理解和操作zTree这个JavaScript实现的树形控件。" zTree是一个广泛使用的JavaScript库,用于构建交互式的树形结构。它提供了丰富的API,允许开发者进行各种定制,如节点的增删改查、节点状态管理、异步加载数据、拖放操作等。v2.6版本对原有的API进行了改进并增加了新功能。 核心函数: 1. `zTree(setting,[zTreeNodes])` - 初始化zTree,`setting`是配置对象,`zTreeNodes`是节点数据。 2. `skin` - 皮肤设置,可以通过修改`zTreeStyle.css`来定制皮肤样式。 3. `zTreeStyle.css` 和 `zTreeIcons.css` - 分别负责整体样式和图标显示,通过这些CSS文件可以调整zTree的视觉效果。 4. `addDiyDom` - 添加自定义DOM元素到节点。 5. `addHoverDom` - 鼠标悬停时添加额外的DOM元素。 6. `async` - 异步加载相关配置,包括`asyncDataFilter`、`asyncParam`、`asyncParamOther`、`asyncUrl`等,用于处理动态加载数据。 7. `callback` - 回调函数集合,用于响应各种事件,如节点点击、节点展开等。 参数说明: - `checkable` - 是否开启复选框功能。 - `checkedCol` - 与复选框相关的列设置。 - `checkStyle` - 复选框样式,如单选、全选等。 - `checkRadioType` - 单选复选模式的设定。 - `checkType` - 检查类型,决定节点的检查行为。 - `dragCopy` 和 `dragMove` - 拖放操作相关,分别表示拖动时是否复制节点和移动节点。 - `edit_removeBtn` 和 `edit_renameBtn` - 编辑模式下删除和重命名按钮的设置。 - `editable` - 是否启用节点编辑功能。 - `expandSpeed` - 控制节点展开或收缩的速度。 - `isSimpleData` - 是否使用简单数据格式。 - `keepLeaf` 和 `keepParent` - 关于保持节点状态的选项。 - `nameCol` 和 `nodesCol` - 节点名称和子节点数据列的设置。 - `removeHoverDom` - 移除鼠标离开时的附加DOM元素。 - `rootPID` - 根节点的父ID。 - `showIcon` 和 `showLine` - 控制节点图标和连接线的显示。 - `treeNodeKey` 和 `treeNodeParentKey` - 节点的唯一标识和父节点标识。 节点属性: - `checked` - 节点的选中状态。 - `click` - 节点点击事件的处理。 - `icon` - 节点的图标。 - `iconClose` 和 `iconOpen` - 节点关闭和打开时的图标。 - `iconSkin` - 图标皮肤。 - `isParent` - 节点是否为父节点。 - `name` - 节点的名称。 - `nocheck` - 是否禁用节点的检查功能。 - `nodes` - 子节点数组。 - `open` - 节点是否展开。 - `target` - 打开链接的目标框架。 - `url` - 节点链接的URL。 - `自定义`属性 - 允许开发者添加自己的扩展属性。 方法: - `getChangeCheckedNodes()` - 获取状态改变的复选节点。 - `getCheckedNodes(checked)` - 获取指定状态(true或false)的选中节点。 - `getNodeByParam(key, value, parentNode)` - 根据参数查找节点。 这些API和属性构成了zTree的强大功能,使得开发者能够灵活地构建适应不同需求的树形结构。通过深入理解和熟练应用这些知识点,你可以创建出用户友好且功能丰富的网页界面。