easyui tree去掉文件夹icon图标

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Smile_ping/article/details/79187986

easyui tree去掉文件夹节点图标

  • 效果图
  • js代码
  • html代码

效果图

这里写图片描述

js代码

/******************去掉 tree树 文件夹图标*************************/
$(function () {
	// 找到 #treeBox 树形 id, 再移除图标
    $('#treeBox').find("span.tree-icon").removeClass('tree-icon tree-folder tree-folder-open');
    $('#treeBox').find("span.tree-hit").removeClass('tree-expanded');
    var icons3 = $('#treeBox').find("span.tree-file").removeClass('tree-file');
    // console.log(icons3);
});

html

<div id="aa" class="easyui-panel" style="padding:5px">
    <ul id="treeBox" class="easyui-tree  ss" data-options="animate:true,checkbox:true">
        <li>
            <span>健康档案系统慢性管理</span>
            <ul>
                <li>
                    <span>个人和家庭档案</span>
                    <ul>
                        <li>
                            <span>个人和家庭</span>
                        </li>
                        <li>
                            <span>家庭档案</span>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul>
                <li>
                    <span>食源性报告</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>体检管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>慢病管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>老年人管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>孕妇管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>儿童管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>妇女健康管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>残疾人管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>特殊人群管理</span>
                </li>
            </ul>
            <ul>
                <li>
                    <span>计划生育管理</span>
                </li>
            </ul>
        </li>
    </ul>
</div>
展开阅读全文

没有更多推荐了,返回首页