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

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下载

 

posted on   zh7314  阅读(7501)  评论(0编辑  收藏  举报

编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 手把手教你更优雅的享受 DeepSeek
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库
· 乌龟冬眠箱湿度监控系统和AI辅助建议功能的实现
点击右上角即可分享
微信分享提示