单击菜单时如何伸出菜单

Question

我在JSF中创建了一个菜单类型。

    <p:menubar styleClass="menuPrincipal" id="menuBar" > 
    <p:menuitem value="Inicio" url="/Inicio.xhtml" style="text-decoration:none"   icon="ui-icon-home" id="inicio" /> 
    <p:menuitem value="Agregar Excepciones" id="agregarExcepcion" url="/ExcepcionNuevo.xhtml" style="text-decoration:none" rendered='#{excepcionPendienteView.usuarioActual.tipoSolicitante eq "Administrador"}' /> 
</p:menubar> 

---

---

我希望当您单击菜单时，突出显示选项我正在工作的地方。

如果我点击"Inicio"突出显示我的菜单Item Inicio，如果我点击"Agregar"突出显示我的菜单项目"Agregar Excepciones"。尝试用 Js 来做，但我没有制作函数 （）。尝试使用 ajax 执行此操作，但我找到的示例 ，使用 blockUit 使用数据表执行此操作。

Answer 1

如果您查看此标签的文档（此处），您将看到：

url => Url to be navigated when menuitem is clicked.

这就是当您单击某个项目时页面重新加载的原因。删除此属性可能会阻止重新加载操作的发生。

然后，您可能希望使用onclick或action来加载页面（并标记菜单项）。或者，如果您使用 AJAX，则可以使用 onstart 、 oncomplete 和 onsuccess 。