使用JSF和PrimeFaces创建响应式设计菜单

Question

我尝试使用PrimeFaces和JSF创建一个菜单，如this一个。

由于我不知道我有多少物品，这个菜单必须是动态的。在运行时，我将获得array StudentsGroup-Objects。每个StudentsGroup-Object都包含多个Students-Objects。它也应该是responsive design。 PrimeFaces有可能吗？我如何实现这一目标？

看起来应该是这样的

我没有找到任何解释这样的事情的教程。如果有人可以发布一个goot教程就足够了。

Answer 1

Prime面孔似乎没有为其菜单项提供内置的响应功能，但是，您应该能够将CSS样式表应用于元素并设计自己的响应式布局。 / p>

如果您正在寻找教程，请查找有关如何执行此操作的教程，尤其是您正在寻找的教程，而不是Prime Faces特有的教程。

Answer 2

教程：

1. 在菜单前添加按钮/图像/链接
2. 使用媒体查询创建css，隐藏小屏幕上的菜单并显示按钮
3. 将javascript添加到点击时的按钮/图片/链接
   1. 通过更改css（添加课程或其他
   ）来显示菜单
   2. 在历史记录中添加“＃”条目，以便后退按钮关闭菜单
   3. 向主体添加onclick事件处理程序，以便在外部单击时隐藏菜单（在实际激活时将其删除）

Answer 3

看看他们提供的Primefaces主题

- ＆GT;有陈列柜： http://www.primefaces.org/sentinel/

- ＆GT;如果你再见的话： http://www.primefaces.org/layouts/sentinel