点击菜单

Question

我有一种在JSF中创建的菜单。

＆＃13;

＆＃13;

    <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> 

＆＃13;

＆＃13;

＆＃13;

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

如果我点击＆＃34; Inicio＆＃34;突出显示我的menuItem Inicio，如果我点击＆＃34; Agregar＆＃34;突出我的menuItem＆＃34; Agregar Excepciones＆＃34;。尝试使用Js，但我没有使用函数（）。尝试使用ajax，但我发现的例子，使用blockUit使用dataTable。

Answer 1

如果您查看此代码的文档（here），您会看到：

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

这就是您点击项目时页面重新加载的原因。可能删除此属性将停止重新加载操作。

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