EASYUI中的Basic Tree简单使用

 <link rel="stylesheet" type="text/css" href="../easyUI/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyUI/themes/icon.css">
    <script type="text/javascript" src="../easyUI/jquery.min.js"></script>
    <script type="text/javascript" src="../easyUI/jquery.easyui.min.js"></script>

//使用easyui 树的时候 需要先导入easyui设置好的的js和css 
<div style="margin:20px 0;"></div>
        <div class="easyui-panel" style="padding:5px">
            <ul class="easyui-tree">// 通过class设置ul为树的形式
                <li>
                    <span>员工管理系统</span>
                    <ul>
                           // easyui的一个属性 规定 打开
                        <li data-options="state:'open'">
                            <span>人力资源部</span>
                            <ul>
                                <li>
                                       //点击跳转的页面
                                    <span><a href="department.html" class="ul_Li_span_a_class">部门管理</a></span>
                                </li>
                                <li>
                                    <span><a href="employees.html" class="ul_Li_span_a_class">员工管理</a></span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>