JS--插件：树Tree 开发与实现

最新推荐文章于 2024-08-15 14:23:35 发布

置顶

SDP开发框架

最新推荐文章于 2024-08-15 14:23:35 发布

阅读量628

点赞数

分类专栏： JS-插件 Tree开发和实现文章标签： JS 软件开发平台报表设计 .net开发

本文链接：https://blog.csdn.net/u013960699/article/details/95456721

版权

本文介绍了如何开发一个基于jQuery的JavaScript Tree插件，用于在Web项目中展示树形结构数据。提供了插件的实现过程及最终显示效果，并给出了DEMO的外部链接地址。

摘要由CSDN通过智能技术生成

日常在Web项目开发时，经常会碰到树形架构数据的显示，从数据库中获取数据，并且显示成树形。为了方便，我们可以写一个javascript的一个跨浏览器树控件，后续可以重复使用。本节分享一个自己开发的JS tree插件，对有需要的朋友可以直接下载使用。

Tree插件需要实现

   （1）、自动将数据组织成上下级关系，这样我们在前端手工添加数据或者从数据库中获取到的数据不需要我们来组织上下级关系

   （2）、支持自定 加载目录树  支持XML、JSON 格式的数据加载

   （3）、实现树节点的选择（单选、复选[级联选择]）功能

   （4）、支持大数据的一次性加载

   。。。。。。

下面开始分享自己写的一个Tree 插件：此插件基于Jquery 需要引用

第一：插件中每个树节点Node的参数JSON对象如下所示

        nodeItem: function () {
            return {
                nodecode: "",             //  节点编码
                nodetext: "",               //  节点文本 [节点显示文本]
                nodetitle: "",               //  节点标题 [用于鼠标移过时显示的节点文本]
                supnodecode: "",       //  上级节点编码 [定义此节点所属的上级节点编码，通过此编码来组成上下级关系]
                nodeurl: "",                 //  节点URL 表示当前节点自定的链接URL地址