<html>
<head>
<title>ItcastOA</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 1,导入js与css文件 -->
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="jquery.treeview.js"></script>
<link type="text/css" rel="stylesheet" href="jquery.treeview.css" />
</head>
<body>
<!-- 2,使用ul展示数据 -->
<ul id="tree">
<li>系统管理
<ul>
<li>部门管理</li>
<li>岗位管理
<ul>
<li>岗位添加</li>
<li>岗位删除</li>
</ul>
</li>
<li>用户管理</li>
</ul>
</li>
<li>审批流转</li>
</ul>
<!-- 3,显示为树状结构 -->
<script type="text/javascript">
$("#tree").treeview();
</script>
</body>
</html>
Jquery的TreeView控件工具
最新推荐文章于 2024-07-15 06:02:47 发布