先看效果图吧: 在实际开发中,大家可能会遇到类似的项目结构,如果自己去写的话,可能会很慢,而且浪费时间,所以,大家有时间还是去多学学如何使用easyUI吧,此时就要应用easyUI的combo Tree 下面是实际的代码:我这是将代码放到了west(西)面: <div class="easyui-panel" style="padding:5px;width: 160px"> <ul class="easyui-tree"> <li> <span>员工管理系统</span> <ul> <li data-options="state:'open'"> <span>人力资源部</span> <ul> <li><a href="Shopping.html">部门管理</a></li> <li><a href="staffManage.html" style="color: red">员工管理</a></li> </ul> </li> </li> </ul> </ul> </div>