Comment sélectionner une ligne dans rich: dataTable par un clic de souris?

Question

J'ai un riche: dataTable sur un modalPanel avec deux commandButtons nommés comme OK et annuler. Dans l'une des colonnes, j'ai des boutons radio. En sélectionnant un bouton radio, puis cliquez sur OK. Je suis capable de sélectionner cette ligne particulière. Mais mon exigence est de supprimer la colonne qui a un bouton radio. Je veux sélectionner la ligne en cliquant dessus, puis OK. Si l'utilisateur clique sur une ligne et ne veut pas la sélectionner, il clique simplement sur Annuler. Voici le morceau de code qui implémente la fonctionnalité avec le bouton radio.

 <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

envisager d'associer radiobutton avec l'identificateur des données dans la rangée.