使用 MenuModel 支持的菜单进行 Primefaces 布局导航

Question

使用 PrimeFaces，我想根据用户与包含在相同页面东部布局单元中的菜单（以编程方式创建的 MenuModel）的交互来更新/刷新页面中央布局单元。据我所知，这是不可能的，但很可能是错误的。谢谢！

subMenu = new Submenu();
subMenu.setLabel("Sales");  
subMenu.setIcon("ui-icon ui-icon-home");

-

private String currentPage; //holds identifier of current content panel

-

<!-- navigation panel -->
<p:layoutUnit position="west" resizable="false" size="216">
    <ui:include src="./includes/navigationMenu.xhtml" />
</p:layoutUnit>  

<!-- content panel -->
<p:layoutUnit position="center">
    <ui:include src="/views/#{navigationBean.currentPage}.xhtml" />         
</p:layoutUnit>

谢谢！

Answer 1

这只是一个问题：为什么要以编程方式创建菜单？

除此之外，几乎一切皆有可能：尝试将 ui:include 包含到具有 id 的表单组件中（比方说 myFormId），并尝试每次更新此表单选择子菜单项；好吧，让我们以编程方式做到这一点：

MenuItem item = new MenuItem();
item.setValue("Dynamic Menuitem");
item.setUrl("#");                    //add whatever attribute you want to menuItem
item.setUpdate("myFormId");
subMenu.getChildren().add(item);     //then add the menuItem object to subMenu as a child.

您可以在这里找到 menuItem API

Answer 2

我实现了一个侦听器..

MenuItem thisItem = (MenuItem)event.getComponent();
String navigateTo = thisItem.getId();
BeanManager beanManager = new BeanManager();
NavigationBean navBean = (NavigationBean)beanManager.get("navigationBean");
navBean.setCurrentPage(navigateTo);

将其添加到 MenuItem 以及对模板刷新（）的调用...

item.addActionListener(new MenuItemListener());
item.setOnsuccess("refresh()");

添加了刷新方法...

function refresh(){
    document.location="#{request.contextPath}/faces/views/main.xhtml";
}

我真的不喜欢这个解决方案，但它比替代方案更好，标记中具有无法测试的菜单创建逻辑。