datagrid içindeki bağlantıdan trigger blockui

Question

Aşağıda, öğrenci adlarının bir listesini bağlantı olarak gösteren aşağıdaki veri kılavuzuna sahibim.

<h:form id="gsform"> 

       <p:dataGrid var="stuvar" rendered="#{gradeSheetController.listStudent != null}" 
          value="#{gradeSheetController.listStudent}" columns="5" layout="grid"> 
           <p:commandLink actionListener="#{gradeSheetController.readStudentGradeSheet}" 
                 update=":gsform:gscont, :gsform:buttoncont"> 
            <h:outputText id="stname" style="font-size:16px" value="#{stuvar.studentFirstName}" /> 
            <f:param name="selstudent" value="#{stuvar.studentSeq}" /> 
           </p:commandLink> 
       </p:dataGrid> 

Ben de arka uç işleme henüz kaydet düğmesi için kullanılan, bitene kadar ekrana dondurmak blockUI altında var.

 <p:blockUI block=":entirePageBody" trigger="savebutton"> 
      <h:panelGrid id="blockContent" columns="2"> 
       <h:graphicImage library="images" name="loading.gif" style="margin-right:12px; vertical-align:middle;" /> 
       <h:outputText value="Please wait, data is being processed..." style="white-space:nowrap;" /> 
      </h:panelGrid> 
     </p:blockUI> 

Şimdi, Öğrenci adı bağlantısına tıklandığında blokUI tetiklemek istiyorum. Açıkçası, öğrenci sayısı dinamik olacak ve verigridinde yer alacağından, oluşturulan kod, id = "gsform: j_idt168: 1: stname", id = "gsform: j_idt168: 2: stname" gibi diğer yönleri de içerir. yakında.

Veri kılavuzunun içindeki Öğrenci adı bağlantısının tıklanmasıyla ilgili bloğun nasıl tetikleneceğine dair bir ipucunuza sahip olmayın, lütfen öneriniz.

Answer 1

Tetikleme/onComplete/Onclick 'istemci tarafı API' de

<p:dataGrid var="stuvar" rendered="#{gsExamController.listStudent != null}" 
      value="#{gsExamController.listStudent}" columns="5" layout="grid"> 
      <p:commandLink actionListener="#{gsExamController.readStudentGradeSheet}" 
         onclick="PF('bui').show()" 
         oncomplete="PF('bui').hide()" 
         update=":gsform:gscont, :gsform:remarkcont, :gsform:buttoncont"> 
        <h:outputText style="font-size:16px" value="#{stuvar.studentFirstName}" /> 
        <f:param name="selstudent" value="#{stuvar.studentSeq}" /> 
       </p:commandLink> 
    </p:dataGrid> 




<p:blockUI block=":entirePageBody" trigger="savebutton" widgetVar="bui"> 
    <h:panelGrid id="blockContent" columns="2"> 
     <h:graphicImage library="images" name="loading.gif" style="margin-right:12px; vertical-align:middle;" /> 
     <h:outputText value="Please wait, data is being processed..." style="white-space:nowrap;" /> 
    </h:panelGrid> 
</p:blockUI>