顯示一個commandButton onmouseover事件到另一個commandButton primefaces

當鼠標指針在另一個commandButton上時，我需要顯示一個primefaces命令按鈕，但只有在極其必要時才能使用div。如果是更多鈔票做蒙山的onmuseover事件要好得多，如：顯示一個commandButton onmouseover事件到另一個commandButton primefaces

<p:commandButton id="button1" value="Display" onmouseover="displayButton2" update="button2"/> 
<p:commandButton id="button2" value="Valid Option" rendered="false"/>

來源

2014-07-03 leoJerez

這是什麼意圖或目標？我無法弄清楚爲什麼有人會這樣做。你能否提供更多的背景資料。 – QueryLars

@leoJerez當你說「我可以只在非常需要時才使用div」，你的意思是你必須使用'div'，或者你可以使用其他組件，例如'p：overlayPanel'？ – rion18

@QueryLars我想做一個類似.class的效果：懸停與CSS，但我嘗試過一個CSS類，並不會觸發。然後，當鼠標指針位於p：commandButton 1上時，我需要顯示p：commandButton 2。像子菜單一樣，但沒有單擊事件。我真的很清楚？ – leoJerez

如果你不想使用div你可以使用一個span：

<p:commandButton id="button1" value="Display" /> 
<span id="buttonSpan"> 
    <p:commandButton id="button2" value="Valid Option"/> 
</span>

而且你的CSS：

#buttonSpan{ 
    display:none; 
    ... 
} 

#form\:button1:hover #buttonSpan{ 
    display:block; 
}

在css \中是轉義字面。所以實際上你使用ID形式：button1在組件上設置了一個「懸停」CSS設置。所以如果你沒有表單，那麼它的＃button1：hover ...如果你的表單被稱爲formTest，那麼它的#formTest \：button1。您需要檢查該組件的生成ID。

來源

2014-07-04 19:18:01 rion18

感謝您的回答，但它不起作用。我不明白你的表達#form \：button1是什麼意思，因爲我不是css專家 – leoJerez

form：button1是由jsf生成的id。你必須用id爲button1的**生成的** id來代替它。在我的例子中，我有一個包含我的button1的id爲「form」的h：表單。 – rion18

我沒有替換這個#myFormId：myButtonId：hover #buttonSpan，但它不起作用。如果兩個commandButton都是相同的形式不是問題？ – leoJerez

顯示一個commandButton onmouseover事件到另一個commandButton primefaces

回答

相關問題