Bootstrap4.0兼容tree方法

最新推荐文章于 2024-08-22 09:37:42 发布

weixin_30550271

最新推荐文章于 2024-08-22 09:37:42 发布

阅读量344

点赞数

原文链接：http://www.cnblogs.com/zhujunxiao/p/10836639.html

版权

bootstrap-treeview 是bootstrap的一个树形插件，他不可以在 bootstrap 高于 3.3.7 版本中使用。

那么，问题就来了，Bootstrap4.0中怎么办啦？

验证后发现，主要是Bootstrap4.0中将一些图标被去除了，设置一下就好

 
        $('#tree').treeview({ 
       
                    data: html, 
       
                    expandIcon: "tree_arrows_right",  //设置列表树可展开节点的图标。 
       
                    collapseIcon: "tree_arrows_down",  //设置列表树可收缩节点的图标。 
       
                    levels : 5, 
       
                    showTags: true, 
       
                    highlightSelected: true, 
       
                    highlightSearchResults:false 
       
                });

CSS

 
        .tree_arrows_down:before{ 
       
            content:url("/static/image/sel.jpg");   //图片url根据地址设置 
       
        } 
       
        ​ 
       
        .tree_arrows_right:before{ 
       
            content:url("/static/image/sel.jpg"); 
       
        }