Jquery的TreeView控件工具

Bertha 。 2022-06-14 01:56 432阅读 0赞 
  1. <html>
  2. <head>
  3. <title>ItcastOA</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <!-- 1,导入js与css文件 -->
  7.     <script language="javascript" src="jquery.js"></script>
  8.     <script language="javascript" src="jquery.treeview.js"></script>
  9.     <link type="text/css" rel="stylesheet" href="jquery.treeview.css" />
  10. </head>
  11. <body>
  12.     <!-- 2,使用ul展示数据 -->
  13.     <ul id="tree">
  14.         <li>系统管理
  15.             <ul>
  16.                 <li>部门管理</li>
  17.                 <li>岗位管理
  18.                     <ul>
  19.                         <li>岗位添加</li>
  20.                         <li>岗位删除</li>
  21.                     </ul>
  22.                 </li>
  23.                 <li>用户管理</li>
  24.             </ul>
  25.         </li>
  26.         <li>审批流转</li>
  27.     </ul>
  28.     <!-- 3,显示为树状结构 -->
  29.     <script type="text/javascript">
  30.         $("#tree").treeview();
  31.     </script>
  32. </body>
  33. </html>

发表评论

表情：
评论列表 （有 0 条评论，432人围观）

还没有评论，来说两句吧...

相关阅读