Rich Data Table突出显示JSF中的一列，并且一次只突出显示一列
Rich Data Table突出显示JSF中的一列，并且一次只突出显示一列
提问于 2014-09-10 16:55:42
在我的富DataTable中有一列有命令链接，当我点击一个链接时，它应该被突出显示，如果单击不同的链接，第一个链接应该变得正常，其他链接应该被突出显示。
`函数Jquery
function highlightSingleRow(col) {
jQuery(col).parent().parent().find('tr').removeClass('dashBoardPowerOutP1');
jQuery(col).parent().addClass('dashBoardPowerOutP1');
}Style类
.dashBoardPowerOutP1{
background-color: yellow;
}Rich:我需要更改的DataTable列：
<rich:column sortBy="#{boardList.ci}" styleClass="#{boardList.dashBoardStyle}">
<a4j:commandLink actionListener="# {globalCommandCenter.getWidgetDetails}" reRender="widgetPanel,knowledgeDetailsPanel,knowledgeDetailsTable,knowledgePanelLoader,ticketDetailsPanel,ticketDetailsTable,ticketDetailsPanelLoader"
style=" font-family:Calibri; FONT-SIZE: 10px;color: #F5857C; "
onclick="Richfaces.showModalPanel('loaderImage1');"
oncomplete="Richfaces.hideModalPanel('loaderImage1');loadRemainingWidgets();highlightSingleRow(this);">
<h:outputText value="#{boardList.ci}" ></h:outputText>
<f:attribute name="ciName" value="#{boardList.ci}" />
**<a4j:support event="onRowClick" />**
</a4j:commandLink>
</rich:column>`回答 1
Stack Overflow用户
发布于 2014-09-10 17:11:33
尝试这样做:删除父tr中所有td的dashBoardPowerOutP1类，然后将相同的类应用于所单击链接的父td。
function highlightSingleRow(col) {
jQuery(col).closest('tr').find('.dashBoardPowerOutP1').removeClass('dashBoardPowerOutP1');
jQuery(col).closest('td').addClass('dashBoardPowerOutP1');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25761209
复制相关文章
相似问题
腾讯云开发者
