In Rich: DataTable die Hintergrundfarbe der Datentabelle Zeile verschwindet

Question

Ich habe jsf richfaces in meinem Projekt verwendet. Ich muss die Zeile in Richfaces Datentabelle hervorheben, nachdem der Benutzer auf die bestimmte Zeile geklickt hat. Ich habe jquery verwendet, um die Zeile hervorzuheben. Aber die Hintergrundfarbe der Zeile verschwindet, nachdem wir auf die Zeile geklickt haben. Wenn ich jQuery.noConflict() gegeben habe; die Hintergrundfarbe bleibt aber die Seite nicht rendert und Action-Tag ist working.Can nicht jemand mir helfen, dieses Problem zu beheben ..

Datentabelle Spalte Wert:

<rich:dataTable value="#{myBean.list}" var="bean" > 
<rich:column> 
<a4j:commandLink value="#{bean.id}" render="info,tablepanel" action="# 
{myBean.save(bean.id)}" onclick="changeBackground(this)" /> 
</rich:column> 
</rich:dataTable> 

JQuery:

<script> 
function changeBackground(element){ 
/* jQuery.noConflict(); */ 
jQuery(element).parents('tr:first').addClass('backgroundRed'); 
} 
</script> 

CSS:

<style> 
.backgroundRed { 
color: #555658; 
background-color: yellow; 
cursor : pointer; 
} 
</style> 

Vielen Dank im Voraus ..

Answer 1

Sie können dies mit dem folgenden Code:

<rich:dataTable value="#{myBean.list}" var="bean" > 
    <rich:column> 
     <a4j:commandLink value="#{bean.id}" render="info,tablepanel" action="#/> 
    </rich:column> 
    <a4j:support event="onRowClick" oncomplete="highlightSingleRow(this)"/> 
</rich:dataTable> 

Javascript:

jQuery.noConflict(); 
function highlightSingleRow(col) { 
    jQuery(col).parent().parent().find('tr').removeClass('highlight-row'); 
    jQuery(col).parent().addClass('highlight-row'); 
} 

CSS:

.highlight-row { 
    background-color: yellow; 
    cursor : pointer; 
}