Question

在我的富DataTable中，有一个列有命令链接，当我点击一个链接时，它应该突出显示，如果点击不同的链接，第一个应该变为正常，其他链接应该突出显示。

`函数Jquery

function highlightSingleRow(col) {
    jQuery(col).parent().parent().find('tr').removeClass('dashBoardPowerOutP1');
    jQuery(col).parent().addClass('dashBoardPowerOutP1');
}

样式类

.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>`

Answer 1

试试这个：删除父dashBoardPowerOutP1内所有td的{{1}}课程，然后将同一课程应用到点击链接的父tr。

td

富数据表突出显示JSF中的列，并且一次仅突出显示一列

1 个答案: