非常简单实用的 jsp 实现树型菜单
在项目中,我们经常会需要一些树状结构的样式来显示层级结构等,比如下图的样
式,之前在学.net 的时候可以直接拖个服务端控件过来直接使用非常方便。但是利用
Jquery 的一些插件,也是可以实现这些效果的,比如说 Jquery.treeview.js 插件。
下面就直入主题,开始从简入繁的分析怎么使用 treeview 插件,从已知的知识开
始轻松入手,让树状结构唾手可得。
显示树状结构的几个实现步骤:
一、HTML 做初始静态原型。
首先通过<ul></ul><li></li>展示树状基本结构,还原其最初的样子:
相信学过一点 HTML 的同学都可以实现吧,在“tree.html”中写如下代码:
1 <ul>
2 <li>系统管理
3 <ul>
4 <li>部门管理</li>
5 <li>岗位管理
6 <ul>