-
15. JS function is not working
Please find below the content of my JSP file :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="/tld/CustomSprinSecTags.tld" prefix="sec" %>
<html>
<head>
<script src="/javascript/common/CommonUtil.js"></script>
<link type="text/css" rel="stylesheet" href="/style/ConnStatusStyle.css"></link>
<style type="text/css">
.odd-row {
background-color: #ECF3FE;
}
.even-row {
background-color: #FCFFFE;
}
.active-row {
background-color: #FFEBDA;
}
</style>
</head>
<body>
<f:view>
<h:form id="frmId">
<table align="left">
<tr>
<td><rich:dataTable
cellpadding="0" cellspacing="0" width="700" border="0"
value="#{beanBB.partiesLst}" var="party" align="left"
id="partyTbl" rows="14">
<rich:column sortBy="#{party.partyName}" styleClass="align:center">
<f:facet name="header">
<h:outputText value="#{multiLangageBB.translation.name}" />
</f:facet>
<a4j:commandLink
value="#{party.partyName}"
action="#{partyBB.openPartyForm}" reRender="exceptionPanel">
<f:param name="partyId" value="#{party.partyId}" />
<f:setPropertyActionListener value="editMode" target="#{mainMenuBB.screenMode}"/>
</a4j:commandLink>
</rich:column>
<rich:column
sortBy="#{party.addressName}">
<f:facet name="header">
<h:outputText value="#{multiLangageBB.translation.address}" />
</f:facet>
<h:outputText
value="#{party.addressName}" />
</rich:column>
<f:facet name="footer">
<rich:datascroller for="partyTbl" id="partyDS" maxPages="5"/>
</f:facet>
</rich:dataTable>
<rich:jQuery selector="#partyTbl tr:odd" query="addClass('odd-row')" />
<rich:jQuery selector="#partyTbl tr:even" query="addClass('even-row')" />
<rich:jQuery selector="#partyTbl tr"
query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
<rich:jQuery selector="#partyTbl tr"
query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</h:form>
</f:view>
</body>
</html>
-
16. JS function is not working
if you re-render the dataTable - wrap the jquery components to outputPanel container and rerender also together with the table. in order cases the handlers bindigs will be lost after DOM updates (as expected)
-