`
只是随手瞎打
  • 浏览: 28033 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

ztree 基本应用

 
阅读更多
参考资料:
http://www.treejs.cn/v3/main.php#_zTreeInfo

<ul id="treeDemo2" class="ztree"></ul>

zTreeObj2 = $.fn.zTree.init($("#treeDemo2"), setting2, zNodes);
var zNodes = ${hrJson};
var setting2 = {
    view: {
        selectedMulti: false
    },
    edit: {
        enable: false,
        editNameSelectAll: true,
        removeTitle: '删除 ',
        renameTitle: '重命名'
    },
    data: {
        keep: {
            parent: true,
            leaf: true
        },
        simpleData: {
            enable: true
        }
    }, callback: {
        onClick: zTreeOnClick2   //树单击事件
        /*onRename: zTreeOnRename*/
    }

};
分享到:
评论

相关推荐

    zTree的基本应用

    二、zTree基本配置 1. 数据加载:zTree的数据通常以JSON格式提供,包含节点ID、父节点ID、文本、图标等信息。例如: ```javascript [ { "id":1, "pId":0, "name":"父节点1", "open":true }, { "id":2, "pId":1, ...

    zTree-zTree_v3-各种tree的使用大全(带搜索)

    2. **zTree_v3的基本使用** - **初始化树**:首先,你需要在HTML中定义一个`&lt;ul&gt;`元素作为树的容器,然后通过JavaScript加载zTree_v3库,并设置配置参数,如节点数据、样式等。 - **数据格式**:zTree_v3的数据...

    ztree脚本、ztree下载

    6. **ztree的扩展性**:ztree不仅提供了基本的树形展示功能,还允许开发者通过自定义节点渲染、事件监听等方式进行深度定制。例如,可以通过扩展API实现节点的异步加载,提高页面性能;或者添加拖放功能,增强用户...

    ztree实现的基本功能和数据库交互

    1. **ZTree基本功能**: - **节点展示**:ZTree能够以树状结构显示数据,每个节点可以包含文本、图标、子节点等信息。 - **多级展开/折叠**:用户可以通过点击节点来展开或折叠其子节点,展示或隐藏更多细节。 - ...

    zTree zTree zTree

    一、基本概念与结构 zTree的核心是通过JSON数据格式来构建树节点,每个节点包含id、name、pId(父节点id)等属性,可以根据需求扩展其他自定义属性。树形结构由多个这样的节点组成,形成层级关系。 二、功能特性 1....

    基于ztree开发的下拉树控件ztree-select

    - `ztree` 文件是ztree的基础库,提供了树形结构的基本功能。 在实际使用时,你需要按照ztree-select的API文档进行配置,包括初始化设置、数据加载、事件绑定等步骤。通过这些配置,你可以实现一个符合业务需求的、...

    zTree树的demo和API

    一、zTree基本概念与功能 zTree的核心是通过JSON数据格式来构建树形结构,每个节点都可以包含文本、图标、URL链接、状态(如选中、禁用)等信息。它支持多种操作,如点击节点、拖拽节点、搜索节点、多选、单选、层级...

    ztree官网参考文档及demo

    《zTree全方位解析与实战应用》 zTree是一款在Web前端广泛应用的JavaScript树形插件,以其丰富的功能、良好的性能和灵活的定制性受到了开发者的青睐。本文将深入解析zTree的核心概念,介绍其基本使用方法,并通过...

    zTree官方Demo以及api文档

    1. **Demo**:zTree的官方示例代码,涵盖了各种基本和高级功能的实现,包括基本的树结构、多选模式、异步加载、拖拽操作、右键菜单等。通过查看和运行这些示例,你可以直观地了解如何配置和调用zTree的各种功能。 2...

    JQuery zTree v2.6 基本用法实例

    zTree是一款基于jQuery的树形插件,广泛应用于网站的导航、组织结构展示、权限管理等场景。它提供了丰富的API和CSS样式,使得开发者可以方便地进行定制化开发。在v2.6版本中,zTree继续保持了其易用性和灵活性,下面...

    zTree主题 bootstrapStyle、metroStyle等

    这种主题通常包含zTree的基本样式,如节点的展开/折叠图标、选中状态、 hover效果等。原版主题在设计时考虑了多种场景的应用,因此适用于大多数项目,特别是那些没有特定设计风格或者希望保持zTree经典外观的场合。 ...

    ztree使用说明ztree.zip

    在本说明中,我们将详细介绍zTree的基本使用方法、配置选项、事件处理以及常见问题。 ### 一、安装与引入 首先,你需要下载zTree的最新版本,并在HTML文件中引入jQuery库和zTree的核心CSS及JavaScript文件。例如:...

    ztree穿梭框.zip

    7. **zTree官网教程**:为了更好地理解和使用zTree,官方提供了详尽的教程和示例,涵盖了zTree的基本用法、高级功能以及常见问题解答。开发者可以参考这些资源,快速上手并解决遇到的问题。 总的来说,"ztree穿梭框...

    zTree树形菜单展开收缩插件

    1. **zTree基本概念** - **树形结构**:zTree展示的数据结构为树状,每一级节点可以有子节点,形成层次分明的展示方式。 - **节点**:在zTree中,每个条目称为一个节点,包含节点ID、文本、图标等属性,可以有子...

    zTree-zTree_v3.5.17

    1. **zTree基本概念** - **树形结构**:zTree以树形结构展示数据,这种结构清晰地展现了层次关系,适合用于目录管理、组织架构展示等场景。 - **节点**:zTree中的每个元素称为节点,节点可以包含文本、图标、状态...

    JQuery_zTree_v2.6.02.zip_V2 _javascrip_ztree

    JQuery_zTree_v2.6.02是一个基于jQuery的开源项目,它提供了强大的树形控件功能,适用于各种Web应用中的数据展示和交互。在JavaScript的世界里,zTree以其高效、灵活和丰富的定制性脱颖而出,成为了开发人员的首选之...

    zTree树的Demo及全部文档

    zTree是一款广泛应用于Web开发中的JavaScript插件,主要用于构建交互式的树形结构界面。它具有丰富的功能和良好的可定制性,适用于实现各种树形数据的展示和操作,如文件目录、组织架构、权限管理等场景。在“zTree_...

    ztree2.zip

    《jQuery ZTree初识与应用》 ZTree是一款基于jQuery的树形插件,它具有丰富的功能、良好的性能以及高度的可定制性,被广泛应用于网页中的目录展示、数据管理等场景。本篇文章将深入探讨jQuery ZTree的基础知识,...

    JQuery zTree v3.3

    JQuery zTree是一款基于JavaScript的开源树形插件,它主要应用于网页开发,提供丰富的树状数据展示功能。zTree v3.3是该插件的一个版本,它在前一版本的基础上进行了优化和增强,旨在提供更高效、更稳定的服务。 在...

    zTree实现多选下拉框

    zTree是一款强大的树形插件,广泛应用于网页中展示层次结构数据,如组织结构、文件目录等。本文将详细介绍如何借助zTree实现这一功能,并深入探讨相关技术点。 首先,理解zTree的基本概念和使用方法是关键。zTree的...

Global site tag (gtag.js) - Google Analytics