Struts-menu

Struts2 与 struts-menu 集成

http://tntest.iteye.com/blog/395128

Struts2 与 struts-menu 集成

Struts IE JSP XML Web

struts-menu 官方guide中似乎只提到跟struts的集成，与struts2集成有以下几个点：
1. 由于没有了struts-config.xml，需要在web.xml里添加如下监听器：

Xml代码  

1. <listener>  
2.     <listener-class>net.sf.navigator.menu.MenuContextListener</listener-class>  
3. </listener>  

2. 把struts-menu-*.jar 放到classpath上

3. 创建 menu-config.xml，放到web/WEB-INF，可以从例子程序中拷贝再修改。http://tinyurl.com/x5zt是所有属性的参考。

4.jsp中声明taglib： <%@ taglib uri="http://struts-menu.sf.net/tag" prefix="menu" %>

5、页面code例子：

Jsp代码  

1. <menu:useMenuDisplayer name="TabbedMenu"   
2.   bundle="org.apache.struts.action.MESSAGE">  
3.   <menu:displayMenu name="Home"/>  
4.   <menu:displayMenu name="About"/>  
5. </menu:useMenuDisplayer>  

6. 对于漂亮的css菜单CSSListMenu，需要添加如下代码到页面中：

Jsp代码  

1. <script type="text/javascript">  
2.    /*<![CDATA[*/  
3.    function IEHoverPseudo() {  
4.   
5.        var navItems = document.getElementById("primary-nav").getElementsByTagName("li");  
6.   
7.        for (var i=0; i<navItems.length; i++) {  
8.            if(navItems[i].className == "menubar") {  
9.                navItems[i].οnmοuseοver=function() { this.className += " over"; }  
10.                navItems[i].οnmοuseοut=function() { this.className = "menubar"; }  
11.            }  
12.        }  
13.   
14.    }  
15.    window.onload = IEHoverPseudo;  
16.    /*]]>*/  
17.    </script>  
18.   
19.    <style type="text/css">  
20.   
21.        body { font: normal 80% verdana; }  
22.   
23.        ul#primary-nav,  
24.        ul#primary-nav ul {  
25.            margin: 0;  
26.            padding: 0;  
27.            width: 150px; /* Width of Menu Items */  
28.            border-bottom: 1px solid #ccc;  
29.            background: #fff; /* IE6 Bug */  
30.            font-size: 100%;  
31.        }  
32.   
33.        ul#primary-nav li {  
34.            position: relative;  
35.            list-style: none;  
36.        }  
37.   
38.        ul#primary-nav li a {  
39.            display: block;  
40.            text-decoration: none;  
41.            color: #777;  
42.            padding: 5px;  
43.            border: 1px solid #ccc;  
44.            border-bottom: 0;  
45.        }  
46.   
47.        /* Fix IE. Hide from IE Mac \*/  
48.        * html ul#primary-nav li { float: left; height: 1%; }  
49.        * html ul#primary-nav li a { height: 1%; }  
50.        /* End */  
51.   
52.        ul#primary-nav ul {  
53.            position: absolute;  
54.            display: none;  
55.            left: 149px; /* Set 1px less than menu width */  
56.            top: 0;  
57.        }  
58.   
59.        ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */  
60.   
61.        ul#primary-nav li:hover ul ul,  
62.        ul#primary-nav li:hover ul ul ul,  
63.        ul#primary-nav li.over ul ul,  
64.        ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */  
65.   
66.        ul#primary-nav li:hover ul,  
67.        ul#primary-nav li li:hover ul,  
68.        ul#primary-nav li li li:hover ul,  
69.        ul#primary-nav li.over ul,  
70.        ul#primary-nav li li.over ul,  
71.        ul#primary-nav li li li.over ul { display: block; } /* The magic */  
72.   
73.        ul#primary-nav li.menubar { background: transparent url(images/arrow.gif) right center no-repeat; }  
74.   
75.        ul#primary-nav li:hover,  
76.        ul#primary-nav li.over { background-color: #f9f9f9; }  
77.   
78.        ul#primary-nav li a:hover { color: #E2144A; }  
79.   
80.    </style>  

其中，primary-nav 是展示菜单的div id