【Fancytree】------- Fancytree 树结构使用示例代码

最新推荐文章于 2024-04-28 14:00:14 发布
最新推荐文章于 2024-04-28 14:00:14 发布
阅读量1k 收藏
点赞数
分类专栏： # Fanytree 文章标签： fancytree 使用 Fancytree 树结构使用示例代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38366657/article/details/90036196
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>督导首页</title>
    <link href="/libs/layui/v2.4.5/css/layui.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css" />
    <!--<link href="/plugins/flow/youi_css/bootstrap.css" rel="stylesheet" />-->
    <link href="/libs/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <!-- Icons -->
    <link href="/libs/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="/libs/cdn/animate.css" />
    <link rel="stylesheet" href="/libs/cdn/ionicons.min.css" />
    <!--<link rel="stylesheet" href="/dist/css/AdminLTE.min.css" />-->
    <link rel="stylesheet" href="/libs/adminlte/css/skins/_all-skins.css" />
    <!--工作流-->
    <link rel="stylesheet" href="/libs/fancytree/skin-bootstrap/ui.fancytree.less"/>
    <link rel="stylesheet" href="/jruntime/views/layui/css/base.css">
    <link rel="stylesheet" href="/jydd/css/treeconfig.css">
    <style>
        td span .fancytree-expander {
            margin-top: -5px;
            margin-right: 5px;
        }
        .fancytree-checkbox {
            font-size: 19px;
            padding-right: 5px;
            vertical-align: -3px;
        }

        .school-tab-item{
            height: 410px;
            overflow: auto;
        }
    </style>
</head>
<body>
<div class="homenotice-body">
    <div class="col-lg-12 col-md-12">
        <div class="" style="position: fixed;top: 10px;right: 15px;z-index: 111;">
            <button type="button" class="layui-btn  layui-btn-normal" id="btn-save">确定</button>
        </div>
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

            <ul class="layui-tab-title" >
                <li class="layui-this">教育局</li>
                <li>学校</li>

            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show">
                    <div class="school-tab-item">
                        <table id="JY_tree" class="table  table-hover table-striped  table-bordered">
                            <thead style="background-color: #F2F2F2;font-weight: bold;border-bottom: 0px;">
                            <!-- <th style="text-align: center">序号</th>-->
                            <tr>
                                <th style="text-align: left">
                                    部门名称
                                </th>
                                <th style="text-align: center;">部门编码</th>
                                <th style="text-align: center;">组织类别</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!-- <td style="text-align: center"></td>-->
                            <tr>
                                <td></td>
                                <td style="text-align: center"></td>
                                <td style="text-align: center"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="layui-tab-item">
                    <div class="school-tab-item">
                        <table id="SH_tree" class="table  table-hover table-striped  table-bordered">
                            <thead style="background-color: #F2F2F2;font-weight: bold;border-bottom: 0px;">
                            <!-- <th style="text-align: center">序号</th>-->
                            <tr>
                                <th style="text-align: left">
                                    学校名称
                                </th>
                                <th style="text-align: center;">部门编码</th>
                                <th style="text-align: center;">组织类别</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!-- <td style="text-align: center"></td>-->
                            <tr>
                                <td></td>
                                <td style="text-align: center"></td>
                                <td style="text-align: center"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>

    </div>

</div>

<script src="/libs/layui/v2.4.5/layui.js"></script>
<script src="/libs/jquery/jquery-3.2.1.min.js"></script>
<script src="/libs/jquery-ui-1.12.1/jquery-ui.js"></script>
<script src="/libs/jquery/jquery.cookie.js"></script>
<script src="/libs/bootstrap/js/bootstrap.min.js"></script>
<script src="/libs/layer3.1.1/layer.js"></script>
<script src="/libs/fancytree/jquery.fancytree.js"></script>
<script src="/libs/fancytree/jquery.fancytree.dnd.js"></script>
<script src="/libs/fancytree/jquery.fancytree.edit.js"></script>
<script src="/libs/fancytree/jquery.fancytree.glyph.js"></script>
<script src="/libs/fancytree/jquery.fancytree.gridnav.js"></script>
<script src="/libs/fancytree/jquery.fancytree.table.js"></script>
<script src="/libs/fancytree/jquery.fancytree.wide.js"></script>
<script src="/libs/fancytree/jquery.fancytree.fixed.js"></script>
<script src="/jruntime/views/core/core.js"></script>
<script src="/libs/tools/jquery.formFill.js"></script>
<script src="/libs/split/split.min.js"></script>
<script>

            var dataarray=[];
            function datalist(data) {
                for(var i=0;len=data.length,i<len;i++){
                    // if(data[i]["children"]!=null && data[i]["children"]!="null" && data[i]["children"].length>0){
                    //     datalist(data[i]["children"]);
                    // }else{
                        if(data[i]["children"]==null || data[i]["children"]=="null"){
                            dataarray.push(data[i]["data"]);
                        }

                   // }
                }
            }

            var imx_type ="教育局";
            var imx_rowID=localStorage.PULISHID;
            var _font={
                map: {
                    doc: "glyphicon glyphicon-list-alt",
                    docOpen: "glyphicon glyphicon-list-alt",
                    checkbox: "fa fa-square-o",
                    checkboxSelected: "fa fa-check-square-o",
                    checkboxUnknown: "glyphicon glyphicon-share",
                    dragHelper: "glyphicon glyphicon-play",
                    dropMarker: "glyphicon glyphicon-arrow-right",
                    error: "glyphicon glyphicon-warning-sign",
                    expanderClosed: "glyphicon glyphicon-menu-right",
                    expanderLazy: "glyphicon glyphicon-menu-right",  // glyphicon-plus-sign
                    expanderOpen: "glyphicon glyphicon-menu-down",  // glyphicon-collapse-down
                    folder: "glyphicon glyphicon-folder-close",
                    folderOpen: "glyphicon glyphicon-folder-open",
                    loading: "glyphicon glyphicon-refresh glyphicon-spin"
                }
            };
            window.mc_IsLoading=true;
            $(document).ready(function () {

                fn_getMCTree("JY_tree",imx_type,"com.jydd.bapi.NOTICE.BAPI_GetFanvyTreeAdv",window.mc_IsLoading);
                function fn_getMCTree(v_element,v_type,v_api,v_isLoading) {
                    var json={};
                    json.token = sessionStorage.getItem("_pub_token");
                    // json.api = "com.jydd.bapi.ESPIndex.BAPI_GetFanvyTreeAdv";
                    json.api = v_api;
                    json.clz = "";
                    var params =[];
                    params.push("ORG_DEPARTMENT");
                    params.push(imx_rowID?imx_rowID:"");
                    params.push(v_type);
                    json.data = JSON.stringify(params);
                    $.ajax({
                        type: "POST",
                        url:"/BAPI/api",
                        data:json,
                        dataType:"text",
                        async: true,
                        success:function(result) {
                            //console.log(result);
                            try {
                                var json= JSON.parse(result);
                                // console.log(json);
                                if(json.success==1){
                                    mc_treedata = json.json;
                                    if(v_isLoading){
                                        $("#"+v_element+"").fancytree({
                                            extensions: [/*"dnd",*/ "edit", "glyph", "table"],
                                            checkbox: true,
                                            // autoCollapse: true,
                                            debugLevel: 2,
                                            quicksearch: true,
                                            icon: false,
                                            dnd: {
                                                focusOnClick: true,
                                                dragStart: function (node, data) {
                                                    return false;
                                                },
                                                dragEnter: function (node, data) {
                                                    return false;
                                                },
                                                dragDrop: function (node, data) {
                                                    return false;
                                                }
                                            },
                                            glyph: _font,
                                            source: mc_treedata,
                                            table: {
                                                indentation: 20,
                                                // nodeColumnIdx: 0, //将节点标题渲染到第一列
                                                nodeColumnIdx:0 // render the node title into the 2nd column

                                            },
                                            activate: function (event, data) {
                                            },
                                            renderColumns: function (event, data) {
                                                var node = data.node;
                                              //  console.log(node);
                                                $tdList = $(node.tr).find(">td");
                                                //标题栏
                                                $tdList.eq(1).text(node.data["CODE"]);
                                                $tdList.eq(2).text(node.data["ORG_TYPE_NAME"]);
                                            },
                                            wide: {
                                                iconWidth: "1em",     // Adjust this if @fancy-icon-width != "16px"
                                                iconSpacing: "0.5em", // Adjust this if @fancy-icon-spacing != "3px"
                                                levelOfs: "1.5em"     // Adjust this if ul padding != "16px"
                                            },
                                            dropMarkerOffsetX: 42,  // absolute position offset for .fancytree-drop-marker
                                            // relatively to ..fancytree-title (icon/img near a node accepting drop)
                                            dropMarkerInsertOffsetX: -16,
                                            select: function (event, data) {
                                                var node = data.node;
                                                var __parent = node.getParent();

                                                if (__parent.title == "root" && __parent.key.indexOf("root") >= 0) {
                                                    var __parent = null;
                                                }

                                                if (node.isSelected()) {
                                                    if (node.isUndefined()) {
                                                        // Loadand select all child nodes
                                                        node.load().done(function () {
                                                            node.visit(function (childNode) {
                                                                childNode.setSelected(true);
                                                            });

                                                        });
                                                    } else {
                                                        // Selectall child nodes
                                                        node.visit(function (childNode) {
                                                            childNode.setSelected(true);
                                                        });
                                                    }
                                                }
                                                else {
                                                    if (node.isUndefined()) {
                                                        // Loadand select all child nodes
                                                        node.load().done(function () {
                                                            node.visit(function (childNode) {
                                                                childNode.setSelected(false);
                                                            });
                                                        });
                                                    } else {
                                                        // Selectall child nodes
                                                        node.visit(function (childNode) {
                                                            childNode.setSelected(false);
                                                        });
                                                    }
                                                }



                                                //var __countSelect = 0;

                                                var __countUnSelect = 0;
                                                if (__parent) {
                                                    var __children = __parent.getChildren();
                                                    for (var i = 0; i < __children.length; i++) {
                                                        if (__children[i].selected) {
                                                        } else {
                                                            __countUnSelect++;
                                                        }
                                                    }

                                                    if (__countUnSelect == __children.length) {
                                                        __parent.setSelected(false);
                                                    }

                                                    __countUnSelect = 0;
                                                }

                                            }
                                        });
                                        v_isLoading = false;
                                        window.mc_IsLoading=false;
                                    }else {
                                        $("#"+v_element+"").fancytree("option", "source", mc_treedata);
                                    }

                                    var __moduleNode = $.ui.fancytree.getTree("#"+v_element+"");
                                    if (__moduleNode.toDict(false)) {
                                        __moduleNode.getFirstChild().setExpanded(true);
                                    }

                                }
                            }
                            catch (e) {
                                console.log(e);
                            }
                        }
                    });

                }

                fn_getMCTree2("SH_tree","学校","com.jydd.bapi.NOTICE.BAPI_GetFanvyTreeAdv",window.mc_IsLoading);
                function fn_getMCTree2(v_element,v_type,v_api,v_isLoading) {
                    var json={};
                    json.token = sessionStorage.getItem("_pub_token");
                    // json.api = "com.jydd.bapi.ESPIndex.BAPI_GetFanvyTreeAdv";
                    json.api = v_api;
                    json.clz = "";
                    var params =[];
                    params.push("ORG_DEPARTMENT");
                    params.push(imx_rowID?imx_rowID:"");
                    params.push(v_type);
                    json.data = JSON.stringify(params);
                    $.ajax({
                        type: "POST",
                        url:"/BAPI/api",
                        data:json,
                        dataType:"text",
                        async: true,
                        success:function(result) {
                            //console.log(result);
                            try {
                                var json= JSON.parse(result);
                                // console.log(json);
                                if(json.success==1){
                                    mc_treedata = json.json;
                                    if(v_isLoading){
                                        $("#"+v_element+"").fancytree({
                                            extensions: [/*"dnd",*/ "edit", "glyph", "table"],
                                            checkbox: true,
                                            // autoCollapse: true,
                                            debugLevel: 2,
                                            quicksearch: true,
                                            icon: false,
                                            dnd: {
                                                focusOnClick: true,
                                                dragStart: function (node, data) {
                                                    return false;
                                                },
                                                dragEnter: function (node, data) {
                                                    return false;
                                                },
                                                dragDrop: function (node, data) {
                                                    return false;
                                                }
                                            },
                                            glyph: _font,
                                            source: mc_treedata,
                                            table: {
                                                indentation: 20,
                                                // nodeColumnIdx: 0, //将节点标题渲染到第一列
                                                nodeColumnIdx:0 // render the node title into the 2nd column

                                            },
                                            activate: function (event, data) {
                                            },
                                            renderColumns: function (event, data) {
                                                var node = data.node;
                                               // console.log(node);
                                                $tdList = $(node.tr).find(">td");
                                                //标题栏
                                                $tdList.eq(1).text(node.data["CODE"]);
                                                $tdList.eq(2).text(node.data["ORG_TYPE_NAME"]);
                                            },
                                            wide: {
                                                iconWidth: "1em",     // Adjust this if @fancy-icon-width != "16px"
                                                iconSpacing: "0.5em", // Adjust this if @fancy-icon-spacing != "3px"
                                                levelOfs: "1.5em"     // Adjust this if ul padding != "16px"
                                            },
                                            dropMarkerOffsetX: 42,  // absolute position offset for .fancytree-drop-marker
                                            // relatively to ..fancytree-title (icon/img near a node accepting drop)
                                            dropMarkerInsertOffsetX: -16,
                                            select: function (event, data) {
                                                var node = data.node;
                                                var __parent = node.getParent();

                                                if (__parent.title == "root" && __parent.key.indexOf("root") >= 0) {
                                                    var __parent = null;
                                                }

                                                if (node.isSelected()) {
                                                    if (node.isUndefined()) {
                                                        // Loadand select all child nodes
                                                        node.load().done(function () {
                                                            node.visit(function (childNode) {
                                                                childNode.setSelected(true);
                                                            });

                                                        });
                                                    } else {
                                                        // Selectall child nodes
                                                        node.visit(function (childNode) {
                                                            childNode.setSelected(true);
                                                        });
                                                    }
                                                }
                                                else {
                                                    if (node.isUndefined()) {
                                                        // Loadand select all child nodes
                                                        node.load().done(function () {
                                                            node.visit(function (childNode) {
                                                                childNode.setSelected(false);
                                                            });
                                                        });
                                                    } else {
                                                        // Selectall child nodes
                                                        node.visit(function (childNode) {
                                                            childNode.setSelected(false);
                                                        });
                                                    }
                                                }



                                                //var __countSelect = 0;

                                                var __countUnSelect = 0;
                                                if (__parent) {
                                                    var __children = __parent.getChildren();
                                                    for (var i = 0; i < __children.length; i++) {
                                                        if (__children[i].selected) {
                                                        } else {
                                                            __countUnSelect++;
                                                        }
                                                    }

                                                    if (__countUnSelect == __children.length) {
                                                        __parent.setSelected(false);
                                                    }

                                                    __countUnSelect = 0;
                                                }

                                            }
                                        });
                                        v_isLoading = false;
                                        window.mc_IsLoading=false;
                                    }else {
                                        $("#"+v_element+"").fancytree("option", "source", mc_treedata);
                                    }

                                    var __moduleNode = $.ui.fancytree.getTree("#"+v_element+"");
                                    if (__moduleNode.toDict(false)) {
                                        __moduleNode.getFirstChild().setExpanded(true);
                                    }

                                }
                            }
                            catch (e) {
                                console.log(e);
                            }
                        }
                    });

                }
                //保存
                $("#btn-save").off("click").on("click",function (e) {
                    var _Nodes=$.ui.fancytree.getTree("#JY_tree").getSelectedNodes();
                    var _Nodess=$.ui.fancytree.getTree("#SH_tree").getSelectedNodes();
                    dataarray=[];
                    console.log(_Nodes);
                    console.log(_Nodess);
                    if(_Nodes.length==0 && _Nodess.length==0){
                        top.window.layer.msg("请选择保存范围！");
                        return;
                    }
                    //var _data=[];
                    if(_Nodes.length>0){
                        datalist(_Nodes);
                    }
                    if(_Nodess.length>0){
                        datalist(_Nodess);
                    }
                    var data_s=[];
                    if(dataarray.length>0){
                        for(var i=0;len=dataarray.length,i<len;i++){
                            var data={};
                            data["ID"]=dataarray[i]["ID"];
                            data["CNAME"]=dataarray[i]["CNAME"];
                            data_s.push(data);
                        }
                    }
                    console.log(dataarray);
                    sessionStorage.setItem("schooljcxxdata",JSON.stringify(data_s));
                    top.window.layer.close(localStorage.layerindex);
                    // var jparams =[];
                    // jparams.push("ES_NOTICE_TARGET");
                    // jparams.push(localStorage.PULISHID ==""? "" : localStorage.PULISHID);
                    // jparams.push(JSON.stringify(dataarray));
                    //  var _api="com.jydd.bapi.NOTICE.BAPI_Save_checkbox_fancytree";
                    //  jYd.fnAjax(jparams,_api,function (ret) {
                    //      top.window.layer.msg(ret.message);
                    //      top.window.layer.close(localStorage.layerindex);
                    //  });

                });



            });




    // tab 事件
    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
    });


</script>
</body>
</html>

 

皮皮冰要做大神
关注
专栏目录
fancytree：JavaScript树视图树网格插件，支持键盘，内联编辑，过滤，复选框，拖放和延迟加载
02-03
花式树 Fancytree（ 续集）是一个JavaScript树视图/树网格插件，支持键盘，内联编辑，过滤，复选框，拖放和延迟加载。 状态 有关详细信息，请参见。 开始使用 。 。 如有疑问，或 。 玩 ， 或 。 ES6快速入门 import $ from "jquery" ; import 'jquery.fancytree/dist/skin-lion/ui.fancytree.less' ; // CSS or LESS import { createTree } from 'jquery.fancytree' ; import 'jquery.fancytree/dist/modules/jquery.fancytree.edit' ; import 'jquery.fancytree/dist/modules/jquery.fancytree.filter' ; const tree = createTree ( '#tree' , { extensions : [ 'edit' , 'filter' ] , source : { ... } , .
[Yii2 Widget]FancytreeWidget树状结构
paopao666的博客
11-27 1327
Yii2 Widget FancytreeWidget树状结构
【Fancytree】------- Fancytree 使用
皮皮冰要做大神
04-12 1970
1.css文件 (备注 只是重要代码部分 但是会点的人都知道怎么改 怎么知道用这个代码 读懂代码) <link href="/libs/layui/v2.4.5/css/layui.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="/libs/bootstrap/c...
js树形插件fancytree的使用
热门推荐
morris
03-20 2万+
1.1. fancytree简介 Fancytree是一个 JavaScript 动态树形jQuery插件，支持持久化，键盘操作，复选框，表格，拖放，以及延迟加载。 github地址: https://github.com/mar10/fancytree 演示地址: http://wwwendt.de/tech/fancytree/demo/ 1.2. 使用实例 目录结构:
fancyTree学习笔记
cr196的博客
08-04 5682
PS：学习并使用Fancytree控件过程中，通过阅读官方指导文档发现的该控件节点的可配置内容及其它常用的、方便使用的节点操作的API。 一．Fancytree控件节点的可配置项如下： $("#selector").fancytree({ activeVisible: true, // Make sure, active nodes are visible (expanded)
fancytree-2.4.1.zip_fancytree_it
09-21
Fancytree是一款强大的JavaScript库，专门用于创建交互式的树形数据结构。在这款2.4.1版本中，它提供了丰富的功能和优化，适合于网页应用程序中的导航、数据组织和展示。"fancytree-2.4.1.zip"是这个库的压缩包文件...
tree-browser-bundle：将JavaScript树浏览器与PHPCR和PHPCR-ODM集成
02-06
Symfony CMF树浏览器捆绑包 科 特拉维斯 工作服 主 该软件包是一部分，并根据进行了。 TreeBrowserBundle为内容存储库提供树导航。 要求 PHP 7.1 / 7.2 Symfony 2.8 / 3.3 / 3.4 / 4.0 另请参见的require部分 ...
B-树和B+树数据结构及B-树的创建和删除操作详细过程
qq_45566354的博客
07-02 5136
众所周知，mysql的索引用的是B+树 那么到底啥是B+树呢？今天学习了一下 下面总结一下我今天学到的知识！ 若有错误感谢纠正 首先 B-树念作B树（而不是B减树） B+树念作B加树 1、B-树 1.1、B树概念 每个结点最多有m个分支(子树) ;而最少分支数要看是否为根结点，如果是根结点且不是叶子结点则至少有2个分支，非根非叶结点至少有「m/2⌉ 个分支。 有n (k<=n<=m) 个分支的结点有n-1个关键字，它们按递增顺序排列。k=2(根结点)或「m/2⌉ (非根结点) 结点内各关键字
B-树和B+树的源代码
01-02
在计算机科学中，数据结构是组织和...在Linux环境下，可以使用Gcc 4.5.1编译器来编译和运行代码，通过测试用例验证其正确性。理解并掌握B-树和B+树的原理及实现，对于提升数据库系统设计和文件系统管理的能力至关重要。
Apex-Fancy-Tree-Select:Oracle APEX的花式树插件
05-26
花梢树选择 该插件用于使用选择选项绘制FancyTree。 可以将所选节点设置为不同的APEX项目。 它还具有将其用作只读树的选项，并且可以在每次刷新具有相同树的页面时在客户端的本地存储中缓存大树，以节省加载数据。 也可以使用搜索字段过滤树。 对于工作的演示，只需单击： 如果你喜欢我的东西，如果你给我喝杯咖啡会很好
从官网整理制作的Fancytree文档
07-28
最近在做表格树,找到了国外的这个jquery插件,发现功能挺好用的,从官网上整理了文档,以供查阅
C/C++ R-Tree原理及源代码
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
04-28 7393
R树的核心思想是将数据划分为不相交的矩形区域，并逐层构建一个树结构。每个非叶子节点都是一个矩形，它覆盖了它的所有子节点。通过这种方式，R树能够将相邻的数据对象聚集在一起，从而减少对数据的搜索空间，提高查询效率。如果选择的子节点已经满了，则通过一种策略进行分割，并将分割后的节点作为新的子节点插入。这些只是R树的基本思路和设计，实际的实现可能会涉及到更多的细节和算法优化。在实际的实现中，可以使用递归或迭代的方式来构建和查询R树。这个示例代码实现了一个简单的R-tree，包括节点的创建、插入和搜索功能。
【FancyTree】------- FancyTree 实现添加数据保持原样树结构并且同步数据
皮皮冰要做大神
11-09 759
1.这是添加不合并保持展开代码; //key 唯一的 所以要把获取的数据ID 赋值给key 呀 var __menunode = $("#treeviewMenu").fancytree("getTree").getNodeByKey(Key); // console.log(__menunode); // c...
Fancytree Javascript Tree的入门使用
weixin_30471065的博客
08-10 590
一、概念----是做什么的能干什么 　　　Fancytree是一个Javascript控件，它依赖于: <script src="jquery.js"></script> <script src="jquery-ui.min.js"></script> <link href="ui.fancytree.mi...
Fancytree Javascript Tree TreeTable 树介绍和使用
weixin_30718391的博客
07-13 457
Fancytree是一个非常棒的Javascript控件，功能强大，文档健全。在做Javascript Tree控件选型时，主要基于以下几点选择了Fancytree 在Javascript Tree控件中，Fancytree的排名非常靠前，说明这个控件的用户使用量多、口碑好，当出现问题时在StackOverflow中容易找到答案 支持checkbox选择框 支持Tree Table c...
FancyTree 添加数据打开树并更新添加后的数据
qq_36798131的博客
03-30 536
fancytree的添加数据后自动打开树逻辑如下： 1、新增数据，更新树里的数据。 2、更新完树中数据后，将树打开。代码如下： $.get(url,function(ret){ 通过ajax获取树数据（注：该处获得的数据格式为带树结构的数据） var tree = $('#attachment_tree').fancytree('getTree'); 获取树结构 tree.reload(ret); 刷新树（可以把将新的数据填充到树结构中） tree.g...
【Fancytree】------- Fancytree 点击列表转化数组示例代码
皮皮冰要做大神
04-12 306
var dataarray=[]; function datalist(data) { for(var i=0;len=data.length,i<len;i++){ if(data[i]["children"]!=null && data[i]["children"]!="null" && data...
FancyTree 状态保持
weixin_33737134的博客
05-21 373
FancyTree非常优秀的树控件 examples：http://wwwendt.de/tech/fancytree/ 如何将树节点的选中状态保存下来，无论刷新页面还是，ajax重复请求，都保持在上一次状态呢？ FancyTree提供状态持久化保存扩展，方案如下： https://github.com/mar10/fancytree/wiki/ExtPersist $("#tree...
B-+树详解：实现与比较
"本文将详细介绍B-+树的实现细节，包括其特性、与B-树的区别以及查找算法，旨在深入理解这种数据结构在存储和检索中的作用。" B-+树是一种高效的数据结构，常用于数据库和文件系统中，它的设计目标是减少磁盘I/O...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

皮皮冰要做大神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值