基于bootstrap-treeview做的一个漂亮的无限分类树层级联动菜单

最新推荐文章于 2021-03-23 04:39:25 发布

weixin_34221276

最新推荐文章于 2021-03-23 04:39:25 发布

阅读量698

点赞数

CC 4.0 BY-SA版权

文章标签： java

原文链接：http://www.cnblogs.com/zx-admin/p/8021734.html

本文介绍了一个基于Bootstrap Treeview的改进版本，新增了自定义HTML显示功能，并实现了自动层级联动选择。作者分享了具体实现方法及代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2017年12月11日09:59:15

因为工作需要把原来的bootstrap-treeview做了一些小改动，方便后台开发人员使用

最终效果，看起来还行，但是其实不是特别友好对用户来说，但是对开发者人员来说足够了

"after_html": "<span class=\"button_z\"><button type=\"button\" class=\"btn btn btn-info btn-xs\" onclick=\"edit(14);\">编辑</button>&nbsp;&nbsp;&nbsp;&nbsp;<button type=\"button\" class=\"btn btn-danger btn-xs\" onclick=\"del(14);\">删除</button></span>"
此方法是我新加的，方便用户定义自己需要的html

新增加属性，此方法一定要配置css调控按钮位置

你可以参照此方法，新增自己需要定义的html，直接copy换个名字可以，需要在定义的

        after_html: '',
        showAfterHtml: false,

            //额外增加,一些html
            if (_this.options.showAfterHtml && node.after_html) {
                treeItem
                        .after(node.after_html);
            } else {
                treeItem
                        .after(node.after_html);
            }

完全可以仿照参考自定义编写

新增自动层级联动

全部取消和选中，原版的就有方法，请查看文档

下载地址在QQ群，你也可以去jq22下载

转载于:https://www.cnblogs.com/zx-admin/p/8021734.html