如何通過鼠標點擊在rich：dataTable中選擇一行？

Question

我有一個豐富的：一個模式面板上的dataTable以及兩個命名爲OK並取消的命令按鈕。在其中一個欄中我有單選按鈕。通過選擇一個單選按鈕，然後單擊確定。我可以選擇特定的行。但我的要求是刪除有單選按鈕的列。我想通過點擊它然後確定來選擇行。如果用戶點擊一行而不想選擇它，只需點擊取消即可。下面是用單選按鈕實現功能的一段代碼。

 <h:outputText id="selectAlarmToEnrich" value="#{bundle.modal_panel_label}" styleClass="staticTextLabelStyle"/> 
     <div class="dataTableSetting"> 
     <rich:dataTable id="AlarmListTable" value="#{aeAlarmNEList.alarmInfoDTOList}" 
var="alarmsInfoDto" 
headerClass="table" 
styleClass="tagTable" 
rowClasses="odd,even" 
onRowMouseOver="this.style.backgroundColor='#A9D0F5'"  
       onRowMouseOut="this.style.backgroundColor='#{a4jSkin.rowBackgroundColor}'" 
rows="#{aeAlarmNEList.selectedRecordsPerPageCount}"> 

    <rich:column id="alarmId"> 
    <f:facet name="header"> 

    </f:facet> 
    <input type="radio" name="alarmId" 
    value="#{alarmsInfoDto.alarmId}" /> 
    </rich:column> 

    <rich:column id="alarmTime"> 
    <f:facet name="header"> 
     <h:outputText value="#{bundle.modal_panel_alarm_time_header}"/> 
    </f:facet> 
    <h:outputText id="alarmTimeValue" value="#{alarmsInfoDto.alarmTime}" styleClass="nonEditableTableText"/> 
    </rich:column> 

    <rich:column id="alarmText" > 
    <f:facet name="header"> 
     <h:outputText value="#{bundle.modal_panel_alarm_text_header}"/> 
    </f:facet> 

    <div class="ellipsis nonEditableTableText"> 
    #{alarmsInfoDto.alarmText}<br/> 
    </div> 

    <rich:toolTip rendered="#{alarmsInfoDto.DN != ' '}"> 
       <span style="white-space:nowrap"> 
        <h:outputText id="alarmTextTooltip" value="#{alarmsInfoDto.alarmText}" styleClass="nonEditableTableText"/> 

      </span> 
     </rich:toolTip> 
    </rich:column> 

    <rich:column id="alarmNumber"> 
    <f:facet name="header"> 
     <h:outputText value="#{bundle.modal_panel_alarm_num_header}"/> 
    </f:facet> 

    <h:outputText id="alarmNumberValue" value="#{alarmsInfoDto.specificProblem}" styleClass="nonEditableTableText"/> 
    </rich:column> 

    <rich:column id="alarmSeverity"> 
    <f:facet name="header"> 
     <h:outputText value="#{bundle.modal_panel_alarm_svrty_header}"/> 
    </f:facet> 

    <h:outputText id="alarmSeverityValue" value="#{alarmsInfoDto.perceivedSeverity}" styleClass="nonEditableTableText"/> 
    </rich:column> 

<h:outputText id="total_number_of_alarms" value="Total: #{aeAlarmNEList.totalNumberOfObjects} Alarm(s)" style="font-size: 10pt;color: #000066;"/> 
    </div> 

    <div style="float: left;width: 50%;" > 
    <rich:datascroller align="center" for="AlarmListTable" page="#{aeAlarmNEList.scrollerPage}" 
    pagesVar="no_of_pages" id="scrollBar2" fastControls="hide"> 

     <f:facet name="first" > 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_first.gif" title="" /> 
     </f:facet> 
     <f:facet name="first_disabled"> 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_first.gif" title="" /> 
     </f:facet> 
     <f:facet name="last" > 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_last.gif" title="" /> 
     </f:facet> 
     <f:facet name="last_disabled"> 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_last.gif" title="" /> 
     </f:facet> 
     <f:facet name="next"> 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_next.gif" title="" /> 
     </f:facet> 
     <f:facet name="next_disabled"> 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_next.gif" title="" /> 
     </f:facet> 
     <f:facet name="previous"> 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_previous.gif" title="" /> 
     </f:facet> 
     <f:facet name="previous_disabled"> 
     <h:graphicImage style="cursor: pointer" url="/webuif/images/arrow_previous.gif" title="" /> 
     </f:facet> 
     <f:facet name="pages"> 
      <h:panelGroup> 
       <h:outputText value="Page " style="vertical-align: middle;"/> 
       <t:inputText value="#{aeAlarmNEList.scrollerPage}" style="width:30px;height:18px;text-align:right;" forceId="true" id="currPageInput1" > 
       <a4j:support event="onchange" reRender="AlarmListTable, scrollBar2"/> 
       </t:inputText> 
       <h:outputText value="/#{no_of_pages}" style="vertical-align: middle;"/>       
      </h:panelGroup> 
      </f:facet> 
    </rich:datascroller>  
    </div> 

    <div style="float: right;width: 20%; text-align: right; margin-right:2px;"> 
    <h:outputText id="view_records_per_page_part2" 
     value="10 Alarms per page" style="font-size: 10pt;color: #000066;" /> 
    </div> 
</div> 

Answer 1

考慮具有該行中的數據的標識符相關聯的單選按鈕。