Primefaces p:菜单所有图标跳转到子菜单
我正在使用:Primefaces p:菜单所有图标跳转到子菜单,primefaces,tomcat7,Primefaces,Tomcat7,我正在使用: primefaces 3.4 tomcat7 使用自定义primefaces主题(暗配置单元) firefox 16.0.2,IE8 我正在尝试将p:菜单放入网站: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi
- primefaces 3.4
- tomcat7
- 使用自定义primefaces主题(暗配置单元)
- firefox 16.0.2,IE8
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://java.sun.com/jsf/html"
>
<body>
<ui:composition>
<h:form>
<p:menu >
<p:submenu label="TESTING" icon="ui-icon-disk">
<p:menuitem value="TEST" outcome="/jsp/home" icon="ui-icon-star"/>
<p:menuitem value="List" outcome="/jsp/rip/home2" />
<p:menuitem value="ExcelTEst" outcome="/jsp/excelTest" />
</p:submenu>
</p:menu>
</h:form>
</ui:composition>
</body>
</html>
在本例中,图标ui图标星形跳转到测试左上角的子菜单。我为菜单项添加的所有图标也会出现这种情况。
至于图标ui图标磁盘,它不会显示
我试过其他几个例子。
这起到了作用:
<p:panelMenu style="width:200px">
<p:submenu label="Navigations" >
<p:submenu label="Links" icon="ui-icon-extlink">
<p:submenu label="PrimeFaces" icon="ui-icon-heart">
<p:menuitem value="Home" url="http://www.primefaces.org" icon="ui-icon-home" />
<p:menuitem value="Docs" url="http://www.primefaces.org/documentation.html" icon="ui-icon-document" />
<p:menuitem value="Download" url="http://www.primefaces.org/downloads.html" icon="ui-icon-arrowthick-1-s" />
<p:menuitem value="Support" url="http://www.primefaces.org/support.html" icon="ui-icon-wrench" />
</p:submenu>
</p:submenu>
<p:menuitem value="Mobile" icon="ui-icon-signal"/>
</p:submenu>
</p:panelMenu>
有人能说,怎么了?为什么p:菜单不能按预期工作
已解决
从ThemeRoller中删除主题并从Primefaces中获取主题。它成功了。这不是正确的解决方案,只需在自定义主题css中修复: .ui-menu .ui-icon position: absolute; /* remove this line */ top: .2em; left: .2em; } to .ui-menu .ui-icon top: .2em; left: .2em; } .ui菜单.ui图标 位置:绝对;/*删除此行*/ 顶部:2米; 左:2米; } 到 .ui菜单.ui图标 顶部:2米; 左:2米; }
你是说
p:menu
?如果是,请更正您的帖子。你能提供一个截图,浏览器版本吗?嗨@akoskm我更新了我的问题,但我不能在这里给出图片。我没有什么名声:)我从ThemeRoller中删除了主题,并用Primefaces中的主题替换了它。可以关闭