点击MenuItem，而不点击文本

我有一个菜单，我想点击菜单，但不是在文本上，如果你们知道我的意思。 MenuItem有一个边框，或类似的东西，但是当我点击它时，它不会重定向到我想要的页面，除非我点击文本。点击MenuItem，而不点击文本

是否可以点击整个“按钮”并重定向或做什么是需要做的？

我的菜单是这样的：

<rich:dropDownMenu showDelay="250" hideDelay="0" submitMode="none"> 
     <f:facet name="label">Tools</f:facet> 

     <rich:menuItem> 
      <s:link view="/pages/tools/ppaParameters/PpaParametersEdit.xhtml" value="Parameters" id="PpaParametersId" includePageParams="false" propagation="none"/> 
     </rich:menuItem> 

     <rich:menuGroup value="Security"> 
      <rich:menuItem> 
       <s:link view="/pages/tools/security/ppaModule/PpaModuleEdit.xhtml" value="Module" id="PpaModuleId" includePageParams="false" propagation="none" /> 
      </rich:menuItem> 
     </rich:menuGroup> 
</rich:dropDownMenu>

这里有一个例子。我需要点击文本才能解决问题。

alt text

来源

2010-12-03 pringlesinn

在编辑.doc文件时，您将看到一个菜单，包括“文件”，“编辑”，“查看”，“帮助”等。当您点击它时，您会看到一些选项，但您不必点击文本“保存”来保存文档，您可以点击按钮上的任意位置以选择保存按钮，并且无论如何都会保存。仍然不明白吗？ – pringlesinn 2011-01-12 14:34:46

样式使用菜单项：

display:block;

例如，对于rich:menuItem使用h:link（而不是s:link，而是sa我的想法应该适用）：

<rich:menuItem immediate="true"> 
    <h:link value="System" outcome="menu-01" id="menu-01" styleClass="menu-item-link" /> 
</rich:menuItem>

内CSS，更改菜单项标签类（.rf-ddm-itm-lbl）：

/* Allow clicking anywhere on a menu item, not just the text. */ 
.rf-ddm-itm-lbl { 
    display: block; 
} 

/* Style the menu to taste. */  
a.menu-item-link { 
    color: #333333 !important; 
    text-decoration: none !important; 
    display: block !important; 
} 

/* Remove space for icons. */ 
.rf-ddm-emptyIcon, .rf-ddm-emptyIcon { 
    display: none; 
}

注display: block;的两个实例。

来源

2011-01-16 09:47:02

要么给文本CSS选择相同的高度和宽度作为其父。或者给按钮的行为，你给文本。

来源

2010-12-03 13:47:01 capdragon

这并不完美，但可以工作。您可以使用这样的事情：

<rich:menuItem onclick="location.href='url'"> 
    <h:outputText value="Link 2" /> 
</rich:menuItem>

这将允许你在任何地方点击菜单项内。

url - 你将不得不自己把它和添加所有s：链接添加的请求参数。例如： http://server/app/page.seam?cid=XX&propogate=xx ...

如果需要对话ID，您可以使用：<s:conversationId>

希望这有助于...

来源

2011-01-11 00:50:40

我会马上试试:)。 thx – pringlesinn 2011-01-11 11:10:32

有一个问题，我们使用s：link，因为当我使用menuItem时它不能正常工作。你知道我可以用s：link来解决它吗？ – pringlesinn 2011-01-11 11:22:10

点击MenuItem，而不点击文本

回答

相关问题