ace精美的树菜单插件_导航菜单_树形菜单_ace_bootstrap

这个精美的ace树插件是从素材圈后台模板http://www.sucaiq.com/moban/9.html扒出来的，支持自定义树图标、是否多选、缓存等。

淘建站为您提供更多_导航菜单_树形菜单_ace_bootstrap，在此特别感谢您对我们的支持与厚爱！

查看演示

演示不了，点击反馈

加入收藏

下载 306 次

打赏作者

觉得不错，可打赏下作者

下载资源

免费共享

特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。

举报/反馈

分类：导航菜单 > 树形菜单难易程度：高级

树菜单结构

<div id="tree1" class="tree tree-selectable">
    <div class="tree-folder" style="display:none;"> 
        <div class="tree-folder-header"> 
            <i class="icon-plus"></i> 
            <div class="tree-folder-name"></div> 
        </div> 
        <div class="tree-folder-content"></div> 
        <div class="tree-loader" style="display: none;"></div> 
    </div> 
    <div class="tree-item" style="display:none;"> 
        <i class="icon-remove"></i> 
        <div class="tree-item-name"></div> 
    </div>
    <div class="tree-folder" style="display: block;"> 
        <div class="tree-folder-header"> 
            <i class="icon-plus"></i> 
            <div class="tree-folder-name">
                For Sale
            </div> 
        </div> 
        <div class="tree-folder-content"></div> 
        <div class="tree-loader" style="display: none;">
            <div class="tree-loading">
                <i class="icon-refresh icon-spin blue"></i>
            </div>
        </div> 
    </div>
</div>

引入ace和树插件

<script src="tree_files/ace.min.js"></script> 
<script src="tree_files/fuelux.tree.min.js"></script>

$('#tree1').ace_tree({
    dataSource: treeDataSource,
    multiSelect: true,
    loadingHTML: '<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div>',
    'open-icon': 'icon-minus',
    'close-icon': 'icon-plus',
    'selectable': true,
    'selected-icon': 'icon-ok',
    'unselected-icon': 'icon-remove',
    cacheItems: true
});

ace精美的树菜单插件

树菜单结构

引入ace和树插件

kevin