[英]unable to call jquery after ajax call
在我的xhtml页面中,第一页看上去不错,但是当我单击h:commandLink时,它在重新加载页面css和jquery未加载时发送ajax请求。 因此颜色和表格视图已更改。 我的桌子是:
<table width="100%" cellspacing="1" cellpadding="1" border="0" class="role_detail_section">
<thead><tr>
<th>Relationship-Type Name</th>
<c:forEach items="#{manageRelationBean.languageList}" var="languageName" >
<th>#{languageName}</th>
</c:forEach>
<th>Edit | Deactivate</th>
</tr>
</thead>
<tbody>
<c:forEach items="#{manageRelationBean.languageRelList}" var="languageRelDTO">
<tr>
<td>
#{languageRelDTO.relationName}
</td>
<c:forEach items="#{languageRelDTO.languageList}" var="relationValues">
<td>#{relationValues.relationValue}</td>
</c:forEach>
<td>
<span><h:commandLink value="Edit" class="edit_icon" action="#{relationBean.editRelationByRelationType}" immediate="true" >
<f:setPropertyActionListener target="#{relationBean.relationType}" value="#{languageRelDTO.relationName}" />
</h:commandLink></span>
<span> </span>
<span><p:commandLink rendered="#{manageRelationBean.findRelationStatus(languageRelDTO.country.countryCode,languageRelDTO.relationName) eq 1}" value=" Activate " action="#{manageRelationBean.activateRelation(languageRelDTO.relationName)}" update="@form" process="@this" >
<f:setPropertyActionListener target="#{relationBean.relationType}" value="#{languageRelDTO.relationName}" />
</p:commandLink>
<p:commandLink rendered="#{manageRelationBean.findRelationStatus(languageRelDTO.country.countryCode,languageRelDTO.relationName) eq 3}" value=" Deativate " action="#{manageRelationBean.softDeactivateRelation(languageRelDTO.relationName)}" update="@form" process="@this">
<f:setPropertyActionListener target="#{relationBean.relationType}" value="#{languageRelDTO.relationName}" />
</p:commandLink>
</span>
</td>
</tr>
</c:forEach></tbody>
</table>
和jQuery的表着色是
$(document).ready(function(){
$(".role_detail_section tr:odd").addClass("activity_white");
$(".role_detail_section tr:even").addClass("activity_blue");
});
使用委托()或on()以便将处理程序绑定到在运行时重新生成的元素。
委托: Attach a handler to one or more events for all elements that match the selector, now or in the future
我通过在jsf commandLink中添加一个属性来解决此问题,即onComplete
onComplete="addCSS()"
和功能写
function addCSS(){
$(".role_detail_section tr:odd").addClass("activity_white");
$(".role_detail_section tr:even").addClass("activity_blue");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.