如何自动调整素数子菜单的长度

Question

我使用<p:tieredMenu model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/>创建了一个动态菜单。如果子菜单中有许多菜单项，则某些菜单不能显示在一行中。有没有解决方法来解决这个问题？

Answer 1

您可以直接使用样式css更改项目的宽度，您可以通过浏览器的Inspect element功能获取组件的样式类，将此代码段代码添加到您的faceslet文件（.xhtml，...）：

<style type="text/css">
  .ui-menu.ui-menu-parent.ui-menu-child{
     width: 120 % !important; // or anything you want
  }
</style>