bootstrap-treeview 案例。

最新推荐文章于 2024-09-24 07:44:20 发布
最新推荐文章于 2024-09-24 07:44:20 发布
阅读量1.4k 收藏 2
点赞数
文章标签： bootstrap treeview jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanquancai3918/article/details/83823575
版权 

<!DOCTYPE html>
<html>
<head >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <style>
        .buttonclass {
            margin-right: 10px;
        }

      
    </style>
    <script>
        var cs = new SysService();
        var _id = "";
        var _index = 1;
        function add() {
            $("#ShowDialog").modal("show");
            _id = "0";
        }
        function addModel() {
            var node = $('#tree').treeview('getSelected');
            if (node.length == 0) {
                alert('请选择模块');
                return;
            }
            $('#parentModel2').val(node[0].modelname)
            $('#childModelName2').val("")
            $('#childDesc2').val("");
            $("#ShowDialog3").modal("show");


        }

        function edit() {
            var node = $('#tree').treeview('getSelected');

            if (node.length == 0) {
                alert('请选择模块');
                return;
            }
            $("#ShowDialog2").modal("show");
            if (node[0].level != '1') {
                $('#parentModel').val(node[0].parentModelName)
            } else {
                $('#parentModel').val("");
            }
            $('#childModelName').val(node[0].modelname)
            $('#childDesc').val(node[0].desc)

        }
        function updateChild() {
            var node = $('#tree').treeview('getSelected');
            var modelName = $('#childModelName').val();
            var projectId = $("#txtprojectId").val();

            if (modelName == "") {
                alert("模块名称不能为空！");
                return;
            }

            var items = [];
            items.push("modelName:\"" + modelName + "\"");
            items.push("projectId:\"" + projectId + "\"");
            items.push("descript:\"" + $('#childDesc').val() + "\"");
            items.push("id:\"" + node[0].id + "\"");

            var result = cs.ProjectModelSave("{" + items.join(",") + "}");
            result.success(function (data) {

                if (data > 0) {
                    alert("模块信息修改成功！");
                    if (node[0].level == 1) {
                        getTree(_index);
                    } else {
                        var newNode = {
                            text: modelName + "<span class='spanClass' style=' display:block;float:right;width:700px'> " + $('#childDesc').val() + "</span>",
                            id: node[0].id,
                            modelname: modelName,
                            desc: $('#childDesc').val(),
                        };
                        $('#tree').treeview('updateNode', [node, newNode]);
                    }
                    $("#ShowDialog2").modal("hide");
                }
                else {
                    alert("模块信息保存失败！");
                }
            });
            result.error(function () {
                alert('请求失败');
            });
        }
        function saveChild() {
            var node = $('#tree').treeview('getSelected');
            var modelName = $('#childModelName2').val();
            var projectId = $("#txtprojectId").val();

            if (modelName == "") {
                alert("模块名称不能为空！");
                return;
            }

            var items = [];
            items.push("modelName:\"" + modelName + "\"");
            items.push("projectId:\"" + projectId + "\"");
            items.push("descript:\"" + $('#childDesc2').val() + "\"");
            items.push("level:" + node[0].level + "");
            items.push("modelID:\"" + node[0].modelID + "\"");

            var result = cs.SaveProjectModelChild("{" + items.join(",") + "}");
            result.success(function (data) {

                if (data.Table.length > 0) {
                    alert("模块信息新增成功！");
                    var parentNode = $('#tree').treeview('getSelected');
                    var newNode = {
                        text: modelName + "<span class='spanClass' style=' display:block;float:right;width:700px'> " + $('#childDesc2').val() + "</span>",
                        id: data.Table[0].id,
                        modelname: modelName,
                        desc: $('#childDesc2').val(),
                        parentModelName: node[0].modelname
                    };
                    $('#tree').treeview('addNode', [newNode, parentNode]);
                    $("#ShowDialog3").modal("hide");
                }
                else {
                    alert("模块信息新增失败！");
                }
            });
            result.error(function () {
                alert('请求失败');
            });
        }
        function remove() {
            var node = $('#tree').treeview('getSelected');
            if (node.length == 0) {
                alert('请选择模块');
                return;
            }
            if (confirm("确定要删除当前选中模块吗？")) {
                var result = cs.DeleteInfong("projectModel", node[0].id);
                result.success(function (data) {
                    if (data > 0) {
                        alert("模块信息删除成功！");
                        //  GetList(_index);
                        if (node[0].level == 1) {
                            getTree(_index);
                        } else {
                            $('#tree').treeview('removeNode', [node, { silent: true }]);
                        }
                    }
                    else {
                        alert("模块信息删除失败！");
                    }
                });
                result.error(function () {
                    alert('请求失败');
                });
            }


        }

        function save() {
            var modelName = $("#modelName").val();
            var projectId = $("#txtprojectId").val();
            var descript = $("#descript").val();
            if (modelName == "") {
                alert("模块名称不能为空！");
                return;
            }

            var items = [];
            items.push("modelName:\"" + modelName + "\"");
            items.push("projectId:\"" + projectId + "\"");
            items.push("descript:\"" + descript + "\"");
            items.push("id:\"" + _id + "\"");
            var result = cs.ProjectModelSave("{" + items.join(",") + "}");
            result.success(function (data) {

                if (data > 0) {
                    alert("模块信息保存成功！");
                    getTree(_index);
                    $("#ShowDialog").modal("hide");
                }
                else {
                    alert("模块信息保存失败！");
                }
            });
            result.error(function () {
                alert('请求失败');
            });
        }
    </script>
</head>
<body class="container-fluid">
    <form id="form1" runat="server">
        <div class="row" style="padding-top: 8px; padding-left: 0px; padding-right: 0px;">
            <div class="row" style="margin: 0; padding-left: 16px; padding-right: 16px;">
                <ol id="bcList" class="breadcrumb" style="margin-bottom: 8px;"></ol>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>查询条件 <small></small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="row">
                            <div class="col-sm-1 col-right">模块名称</div>
                            <div class="col-sm-2 col-left">
                                <input class="form-control citem" id="txttemplateName" type="text" />
                            </div>
                            <div class="col-sm-1 col-right">项目名称</div>
                            <div class="col-sm-2 col-left">
                                <select id="txtprojectId" class="form-control" onchange="getTree(1);">
                                </select>
                            </div>
                            <div class="col-sm-3 col-left">
                                <input type="button" class="btn btn-primary" value=" 条件查询 " onclick="getTree(1);" />
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>模块设置<small></small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <%--  <li><a href="javascript:void(0)" onclick="add();" title="新建模块"><i class="fa fa-plus"></i>新建模块
                            </a></li>--%>
                            <li>
                                <input id="btnAdd" class="btn btn-primary buttonclass" type="button" onclick="add();" value="添加主模块">
                            </li>
                            <li>
                                <input id="addChild" class="btn btn-primary buttonclass" type="button" onclick="addModel();" value="添加子模块">
                            </li>
                            <li>
                                <input id="btnMove" class="btn btn-success buttonclass" type="button" onclick="edit();" value="模块编辑"></li>
                            <li>
                                <input id="btnDel" class="btn btn-danger buttonclass" type="button" onclick="remove();" value="模块删除"></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div id="tree" class="" style="height: 300px; overflow-y: auto; overflow-x: hidden">
                        </div>
                        <div class="fixed-table-pagination">
                            <div class="pull-left pagination-detail">
                                <span id="spanRefer" class="text-info"></span>
                            </div>
                            <div class="pull-right pagination">
                                <nav id="navPages">
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="ShowDialog" tabindex="-1" role="dialog" aria-labelledby="myModelLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="exampleModalLabel">模块新增</h4>
                    </div>
                    <div class="modal-body">
                        <%--    <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>模块编号:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <input type="text" id="projectModelId" class="form-control citema0" readonly="readonly" />
                                </div>
                            </div>
                        </div>--%>
                        <div class="form-horizontal">
                            <input type="hidden" id="id" />
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>模块名称:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <input type="text" id="modelName" class="form-control citema0" autocomplete="off" />
                                </div>
                            </div>

                        </div>
                        <%--  <div class="form-horizontal">
                         <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>所属公司:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true" >
                                    <select id="companyId" class="form-control" onchange="LoadProjectList(this.value,this.id);"></select>
                                </div> 
                            </div>
                         </div>--%>
                        <%-- <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>所属项目:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <select id="projectId" class="form-control"></select>
                                </div>

                            </div>
                        </div>--%>
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>描述:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <textarea id="descript" rows="4" class="form-control"></textarea>
                                </div>


                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <input type="button" id="btnSave" class="btn btn-primary" value="保存" onclick="save()" />
                        <input type="button" id="btnClose" class="btn btn-default" value="关闭" onclick="$('#ShowDialog').modal('hide')" />
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade" id="ShowDialog2" tabindex="-1" role="dialog" aria-labelledby="myModelLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="">模块编辑</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>上级模块名称:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <input type="text" id="parentModel" class="form-control citema0" readonly="readonly" autocomplete="off" />
                                </div>

                            </div>
                        </div>
                        <div class="form-horizontal">

                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>模块名称:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <input type="text" id="childModelName" class="form-control citema0" autocomplete="off" />
                                </div>
                            </div>

                        </div>


                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>描述:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <textarea id="childDesc" rows="4" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <input type="button" id=" " class="btn btn-primary" value="保存" onclick="updateChild()" />
                        <input type="button" class="btn btn-default" value="关闭" onclick="$('#ShowDialog2').modal('hide')" />
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade" id="ShowDialog3" tabindex="-1" role="dialog" aria-labelledby="myModelLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="">新增子模块</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>上级模块名称:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <input type="text" id="parentModel2" class="form-control citema0" readonly="readonly" autocomplete="off" />
                                </div>

                            </div>
                        </div>
                        <div class="form-horizontal">

                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>模块名称:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <input type="text" id="childModelName2" class="form-control citema0" autocomplete="off" />
                                </div>
                            </div>

                        </div>


                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-right col-sm-3">
                                    <label>描述:</label>
                                </div>
                                <div class="col-sm-8" aria-disabled="true">
                                    <textarea id="childDesc2" rows="4" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <input type="button" class="btn btn-primary" value="保存" onclick="saveChild()" />
                        <input type="button" class="btn btn-default" value="关闭" onclick="$('#ShowDialog3').modal('hide')" />
                    </div>

                </div>
            </div>
        </div>
        <script> 



            LoadProjectList(localStorage.companyId);

            setTimeout(function () {
                getTree(1);
            }, 500);
            var jsonData = [];
            //获取树数据
            function getTree(index) {
                _index = index;
                var items = [];
                var jsonList = [];
                jsonList.push("modelname:\"" + $('#txttemplateName').val() + "\"");
                var projectId = $('#txtprojectId').val();// "7CE73A3D64224D39";// == null ? 0 : $('#txtprojectId').val();
                jsonList.push("projectId:\"" + projectId + "\"");
                jsonList.push("companyid:\"" + localStorage.companyId + "\"");
                var data = '{Index:' + _index + ',PageSize:' + localStorage.PageSize + ',' + jsonList.join(',') + '}';
                var result = cs.GetProjectModelList(data);
                result.success(function (data) {
                    if (data.Table.length > 0) {
                        for (var i = 0; i < data.Table.length; i++) {
                            var desc = data.Table[i].descript.replace(/\n/g, ",")
                            // items.push("{text:\"" + data.Table[i].modelname    + "\",level:\"" + data.Table[i].modelLevel + "\",id:\"" + data.Table[i].id + "\",modelID:\""  + data.Table[i].projectModelId + "\",lazyLoad: true}");desc
                            items.push("{text:\" " + data.Table[i].modelname + "<span class='spanClass' style=' display:block;float:right;width:700px'> " + desc + "</span>\",modelname:\"" + data.Table[i].modelname + "\",id:\"" + data.Table[i].id + "\",modelID:\"" + data.Table[i].projectModelId + "\",desc:\"" + desc + "\",lazyLoad: true}");
                        }
                        jsonData = eval("[" + items.join(',') + "]");

                    } else {
                        jsonData = [{ id: 0, text: "" }];
                    }

                    onLoad();
                    var num = data.Table1[0].RecNum;
                    dividePage(localStorage.PageSize, index, num, "getTree", "");
                });
            }
            function onLoad() {
                $('#tree').treeview({
                    data: jsonData,
                    levels: 1,
                    showTags: true,
                    onNodeSelected: function (event, node) {
                        //   console.log(node.text + " " + node.id)
                        if (node.level == '3') {
                            $('#addChild').attr('disabled', 'true')
                        } else {
                            $('#addChild').removeAttr('disabled')
                        }

                    },
                    showCheckbox: false,//是否显示多选
                    lazyLoad: loaddata
                });
            }

            //事件注册
            function loaddata(node, func) {
                var singleNode = [];
                var items = [];
                func(singleNode);
                var jsonList = [];
                var projectID = $('#txtprojectId').val();// "7CE73A3D64224D39";//$('#txtprojectId').val(); // 这里改为动态获取；
                var projectmodelid = node.modelID;
                jsonList.push("projectid:\"" + projectID + "\",projectmodelid:\"" + projectmodelid + "\"");
                var data = '{ ' + jsonList.join(',') + '}';
                var result = cs.GetL1ProjectModel(data);
                result.success(function (data) {
                    if (data.Table.length > 0) {
                        for (var i = 0; i < data.Table.length; i++) {
                            var desc = data.Table[i].descript.replace(/\n/g, ",")
                            if (data.Table[i].modelLevel == '2') {
                                //items.push("{text:\"" + data.Table[i].modelname +"&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;"+ data.Table[i].descript + "\",modelname:\"" + data.Table[i].modelname + "\",desc:\"" + data.Table[i].descript + "\",parentModelName:\"" + data.Table[i].parentModelName + "\",id:\"" + data.Table[i].id + "\",modelID:\"" + data.Table[i].projectModelId + "\",lazyLoad: true}");

                                items.push("{text:\"" + data.Table[i].modelname + "<span class='spanClass' style=' display:block;float:right ;width:700px '> " + desc + "</span>\",modelname:\"" + data.Table[i].modelname + "\",desc:\"" + desc + "\",parentModelName:\"" + data.Table[i].parentModelName + "\",id:\"" + data.Table[i].id + "\",modelID:\"" + data.Table[i].projectModelId + "\",lazyLoad: true}");

                            } else {
                                items.push("{text:\"" + data.Table[i].modelname + "<span class='spanClass' style=' display:block;float:right ;width:700px '>" + desc + "</span>\",modelname:\"" + data.Table[i].modelname + "\",desc:\"" + desc + "\",parentModelName:\"" + data.Table[i].parentModelName + "\",id:\"" + data.Table[i].id + "\",modelID:\"" + data.Table[i].projectModelId + "\"}");
                            }

                        }
                        singleNode = eval("[" + items.join(',') + "]");
                    } else {
                        //  singleNode = [{ id: 0, text: "" }];
                    }
                    func(singleNode);
                });
            }


            $("#bcList").html(this.parent.getUrlPath(this.location.pathname));
        </script>
    </form>
</body>
</html>

增删改查 案例。

 

 

yanquancai3918
关注
bootstrap-treeview的使用实例
an341221的专栏
03-15 8868
一、引入css和js 二、后台数据的拼接（使用递归函数） /**      * 获取tree的数据      * @return      */     @RequestMapping("/getSysOrganizeIdJSON")     @ResponseBody     public String getSysOrganizeIdJSON(){
关于bootstrap-treeview插件的节点选择操作
IUH_VIC的博客
03-31 1814
关于bootstrap-treeview插件的使用以及注意事项 文件引用：前提引用bootstrap和jQuery <!-- Required Stylesheets --> <link href="./css/bootstrap.css" rel="stylesheet"> <!-- Required Javascript --> <script ...
bootstrap树 bootstrap-treeview完整例子
09-02
强烈建议初次使用bootstrap的人参考，例子很全 bootstrap树控件使用bootstrap-treeview.js实现树前边多选框checkbox 并实现， 0、获取选中的项 1、点击父级的多选框，自己默认选中 2、全选 3、反选 4、展开、 5、折叠
Bootstrap Tree View：优雅展示层级结构的利器
最新发布
gitblog_00074的博客
09-24 1296
Bootstrap Tree View：优雅展示层级结构的利器 项目地址:https://gitcode.com/gh_mirrors/pa/patternfly-bootstrap-treeview 在现代Web应用中，层级结构的数据展示是常见的需求。无论是文件系统、组织架构还是分类目录，一个直观且美观的树形视图都能极大地提升用户体验。今天，我们要介绍的是一款基于Bootstrap的树形视图组件...
bootstrap-treeview史上最强例子
07-08
强烈建议初次使用bootstrap的人参考，例子很全 bootstrap树控件使用bootstrap-treeview.js实现树前边多选框checkbox 并实现， 0、获取选中的项 1、点击父级的多选框，自己默认选中 2、全选 3、反选 4、展开、 5、折叠
bootstrap-treeview-master 完整源码和demo
12-17
bootstrap-treeview-master 完整源码和demo
bootstrapTable.treeview使用示例.rar
04-14
代码为bootstrapTable组件自己扩展的treeview的展示效果，纯Js代码，代开可以直接运行效果。博主本人资源！
bootstrap treeview可搜索下拉树形
09-17
Bootstrap Treeview是一款基于jQuery和Bootstrap库的插件，它提供了美观且功能丰富的树形视图。这个特定的压缩包文件包含了一个实现可搜索下拉树形功能的示例，这在许多Web应用中非常有用，比如用于导航菜单、组织...
Bootstrap treeview 多级树形菜单中 如何实现页面跳转时节点自动选中
PSW_CSDN的博客
12-05 2306
前言: 方向: java - Spring MVC - 前端框架 Bootstrap - Bootstrap treeview 案例目标:处理树状布局中页面跳转选中回显问题; 案例必备小知识: Spring MVC 前端框架:Bootstrap 案例在线: 1.构建Bootstrap框架(树状结构): 1.1:创建菜单实体类: ...
jquery-treeview
12-16
在jQuery Treeview的基础上，开发者还可以结合其他jQuery插件或库，如Ajax实现异步加载，Bootstrap提升UI风格，以及使用JSON数据源动态构建树结构，使Treeview具备更强大的功能。 总结，jQuery Treeview作为一个...
懒加载案例lazyload
08-27
在这个"懒加载案例-lazyload"中，我们可以深入探讨以下几个关键知识点： 1. **懒加载原理**： - **可见性检测**：懒加载的核心在于判断元素是否在用户的视口范围内。这通常通过计算元素距离浏览器窗口的距离和用户...
Bootstrap Tree View简单而优雅的树结构组件实例解析
12-04
A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer. 这是Bootstrap Tree View在git上的简介。 注意simple、elegant，简单而优雅，我喜欢这两个词。 那么今天的实例是通过Bootstrap Tree View来制作一款省市级菜单的应用。 一、效果图       二、应用 ①、首先，项目需要引入boot
BootStrap TreeView使用实例详解
01-19
本文实例为大家分享了BootStrap TreeView使用代码，供大家参考，具体内容如下 <html> <head> <title></title> <link href=/Scripts/bootstrap/css/bootstrap.css rel=stylesheet> <link href=/Scripts/bootstrap/css/bootstrap-treeview.css rel=stylesheet> <script src=/Scripts/bootstrap/js/jquery.js type=text/javascri
bootstrap-treeview以权限作为demo
02-15
用bootstrap-treeview插件，实现权限树的展示。包含全选，取消全选，子节点选择父节点默认也选中，节点查询，给父节点添加子节点
bootstrap-treeview下载
01-11
bootstrap下拉树（只有JS和CSS两个文件）
BootStrap TreeView使用示例
diaohuyi6830的博客
08-08 73
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
Bootstrap TreeView Demo(这是一个bootstrap treeview的demo
wangzibai的博客
09-03 1215
Bootstrap TreeView Demo 这是一个bootstrap treeview的demo 本项目通过springboot整合bootstrap实现从前台通过ajax向后台发送请求，后台通过通过字符拼接返回json数组给前台，前台再通过字符拼接结合TreeView实现树形控件的显示。 1.TreeView实现单点收起展示的小技巧 这个就直接给链接了原作者写的很好 给bootstrap-...
bootstrap-treeview
03-16
bootstrap-treeview是一个基于Bootstrap框架的树形结构插件，可以用于构建具有层次结构的导航菜单、目录结构等。它支持多种数据源，包括本地数据、JSON数据、XML数据等，可以通过简单的配置实现各种功能。同时，它还...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值