get row id dataTable primefaces

Question

위의 코드와 같은 dataTable이 있습니다. 볼 수 있듯이, 이벤트 rowSelectedcheckBox를 사용하면 클릭 한 행을 알 수 있고 해당 정보를 기반으로 행을 완전히 비활성화 할 수 있습니다.

<p:dataTable id="tblTipoCarteraGeneric" style="text-align:left;" 
        value="#{alertasPredefinidasModel.tipoCarteraDTOs}" 
        var="tipoCartera" 
        rows="15" paginator="true" 
        emptyMessage="empty" 
        paginatorAlwaysVisible="true" 
        paginatorPosition="bottom"       
        selection="#{alertasPredefinidasModel.elementoSeleccionado.tipoCarteraDTOs}" 
        rowKey="#{tipoCartera.tipoCarteraDTO.tipocarteraID}" 
        rendered="#{alertasPredefinidasModel.isTipoCartera()}"> 

      <p:ajax event="rowSelectCheckbox" update=":form:tblTipoCarteraGeneric, :form:messages" 
        listener="#{alertasPredefinidasController.onRowSelected}"/> 
      <p:ajax event="rowUnselectCheckbox" update=":form:tblTipoCarteraGeneric, :form:messages" 
        listener="#{alertasPredefinidasController.onRowUnselected}"/> 

      <p:column selectionMode="multiple" styleClass="selection-column no-all" 
         disabledSelection="#{alertasPredefinidasModel.modoDetalle}"/> 

      <p:column headerText="Tipo de cartera" styleClass="wrappedText" > 
       <h:outputText id="inTxtCol1" value="#{tipoCartera.tipoCarteraDTO.nombre}" /> 
      </p:column> 
      <p:column headerText="Valor del abono" styleClass="wrappedText" rendered="#{alertasPredefinidasModel.isTipoCarteraConValorOpcion2()}"> 
       <h:inputText id="inTxtCol2" value="#{tipoCartera.parametro1}" style="width:100%" 
          disabled="#{alertasPredefinidasModel.modoDetalle}"/> 
       <pe:tooltip myPosition="top center" atPosition="bottom right" for="inTxtCol2"          
          value="#{tooltips.obtainToolTip('parametrizarAlertasPredefinidas', 'inTxtCol2', 'es', 'itac.SIT-Core-Middleware-Sarlaft-WAR.tooltip')} "/> 
      </p:column> 
      <p:column headerText="Porcentaje superior al valor del abono" styleClass="wrappedText" rendered="#{alertasPredefinidasModel.isTipoCarteraConValorOpcion2()}"> 
       <h:inputText id="inTxtCol3" value="#{tipoCartera.parametro2}" style="width:100%" 
          disabled="#{alertasPredefinidasModel.modoDetalle}"/> 
       <pe:tooltip myPosition="top center" atPosition="bottom right" for="inTxtCol3"          
          value="#{tooltips.obtainToolTip('parametrizarAlertasPredefinidas', 'inTxtCol3', 'es', 'itac.SIT-Core-Middleware-Sarlaft-WAR.tooltip')} "/> 
      </p:column> 
     </p:dataTable> 

Answer 1

Datatable의 rowIndex 속성을 사용할 수 있습니다. StyleClass에서 rowIndex를 사용하고 click on javascript 메서드를 호출하면 바인딩 할 수 있습니다. rowIndex를 가지는 클래스를 통해서 행을 가져옵니다.

또한이

Primefaces example

Answer 2

나는이 귀하의 요구 사항을 충족 생각을 참조 할 수 있습니다. 하나의 추가 속성 인 styleClass="tblTipoCarteraGeneric"을 <p:dataTable>에 추가하고 page (이전 페이지의 사용자 상호 작용 기록을 동일하게 유지하기 때문에) 및 toggleSelect (사용자가 각 행의 singe chek 상자를 사용하는 대신 헤더 체크 박스를 선택하면)이 page 인 <p:ajax> 두 개를 추가합니다.

<h:form> 
<p:dataTable id="tblTipoCarteraGeneric" styleClass="tblTipoCarteraGeneric" ......> 
    <p:ajax event="rowSelectCheckbox" oncomplete="abcd()" /> 
    <p:ajax event="page" oncomplete="abcd()" /> 
    <p:ajax event="toggleSelect" oncomplete="abcd()" /> 

    <p:column></p:column> 
    .. 
    .. 
    .. 
    <p:column></p:column> 
</p:dataTable> 
<h:outputScript>var abcd = function(){ 

    $('div.tblTipoCarteraGeneric >div > table > tbody > tr').each(function(){ 
     if($(this).hasClass('ui-state-highlight')){ 
      $(this).css({'pointer-events': 'none'}); 
     } else { 
     $(this).css({'pointer-events': 'auto'}); 
     } 
    }); 
    }; 
</h:outputScript> 
</form>