OnMouseOver innerhalb jeder Reihe von p um ein Bild anzuzeigen: datatable

stimmen
1

Ich habe ap: Datatable und ich mag schaffen und die Wirkung , dass , wenn ich meine Maus über eine Reihe schweben, ein deleteBild erscheint mir zu erlauben , diese Zeile zu löschen. Ich verwende PrimeFaces.escapeClientIdzu konvertieren , jsf Idum iddas zu jQueryverstehen. Hier ist , was habe ich bisher

<p:dataTable value=#{...} var=item>
   <p:column>
       <div onmouseover=jQuery(PrimeFaces.escapeClientId('deleteButton')).fadeIn()>
            <!-- Content of the row -->
            <p:commandButton id=deleteButton image=delete style=border: 0; display: none; 
                              actionListener=#{bean.deleteRow(item)} />
       </div>
   </p:column>
<p:dataTable>

Geht leider nicht. Firebug Rückkehr keinen Fehler. bitte bitte helfen

Veröffentlicht am 30/12/2010 um 17:26
quelle vom benutzer
In anderen Sprachen...                            


2 antworten

stimmen
1

Das unmittelbare Problem ist, dass Sie nicht zitiert haben setzen um „DeleteButton“ - so Javascript dachte, es war ein Variablenname, kein Stringliteral.

Sie können ganz einfach das ganze id Geschäft überspringen und nur zeigen, zum Beispiel „alle divs innerhalb des aktuellen Elements“, indem diese als jQuery Kontext:

<p:column>
 <div onmouseover="jQuery('div', this).fadeIn()">
    to jest div
    <div style="color: wheat; background-color: green; display: none">
      <p:commandButton id="deleteButton" image="delete" style="border: 0" actionListener="#{bean.deleteRow(item)}" />
    </div>
 </div>
</p:column>

Die Onmouseover sollte auch auf p arbeiten: Spalte.

Beantwortet am 30/12/2010 um 22:08
quelle vom benutzer

stimmen
0

Verwenden onmouseenterund onmouseleavestatt onmouseoverund onmouseoutzu vermeiden , dass durch Ereignis sprudelnde verursacht blinkt

z.B

<div onmouseenter="jQuery('span', this).fadeIn()" 
     onmouseleave="jQuery('span', this).fadeOut()">
     ...
</div>
Beantwortet am 25/02/2016 um 05:29
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more