0

次のように、primefaces の私のテーブル:

                              <p:dataTable id="creditos" ajax="false" paginator="true" value="#{listaCreditos.proyectList}" var="cc" resizable="false" styleClass="dataTableSelProject" rows="20" width="99%" cellspacing="10" cellpadding="10" rowsPerPageTemplate="20,40,80" rowIndexVar="rowIndex">

                                   <p:column styleClass="borderCell imgColumnOnLoans">
                                        <div id="imagenCol-loans#{cc.proyectloanPk.proyect_loan_id}" class="imgCol-Loans">
                                             <h:graphicImage styleClass="graphImage" url="..#{cc.proyect.image}" /> 
                                        </div>
                                   </p:column> 

                                   <p:column id="colNameTag"  sortBy="#{cc.proyect.name}" rendered="true" styleClass="borderCell proyectTitle" headerText="Categoría / Título">
                                        <div id="yui-gen62" class="yui-dt-liner proyectDetailOnLink">
                                            <div id="yui-gen66" class="titleAndPurposeDiv">
                                                <strong id="yui-gen65" class="browseNotesStrong breakWord">
                                                        <span  id="yui-gen64" class="expand-loan-details pDLink">
                                                            <p:commandLink id="cmdLinkDetail" value="#{cc.proyect.purpose.name}" actionListener="#{summaryRequest.mapeoDatos}" action="resumen">
                                                                <f:attribute name="proyectAtrr" value="#{cc.proyectloanPk.proyect_loan_id}::#{cc.proyectloanPk.proyect_id}::#{cc.proyectloanPk.prospectus_id}::#{cc.proyectloanPk.company_id}" />
                                                            </p:commandLink>
                                                        </span>
                                                </strong>
                                                <div id="proyectNameTag">
                                                    <span id="yui-gen211" >
                                                            #{cc.proyect.name}
                                                    </span>
                                                </div>
                                            </div>
                                        </div>

                                   </p:column>



                                   <p:column sortBy="#{cc.ammount}" styleClass="borderCell" >
                                        <f:facet id="headerB" name="header" align="center">
                                               Monto/&nbsp;<br /> Tasa
                                        </f:facet>
                                            <div align="center" id="yui-gen130" class="yui-dt-liner">
                                                <div align="center" id="yui-gen209" class="timeDisplay">
                                                    <h:outputText value="#{cc.ammount}">
                                                         <f:convertNumber currencySymbol="$" type="currency" groupingUsed="true" locale="es_MX"/>
                                                    </h:outputText>
                                                </div>
                                                <strong id="yui-gen137" class="rate"> &nbsp;&nbsp;&nbsp;#{cc.rate}%</strong>
                                            </div>      
                                   </p:column> 

                                   <p:column   styleClass="borderCell" sortBy="#{cc.term.months}">
                                        <f:facet name="header" id="headerC">
                                               Plazo&nbsp;&nbsp;
                                        </f:facet>
                                            <div class="termForProyect" id="yui-gen163">
                                                <span id="yui-gen162" class="loanTypeAndLength">#{cc.term.months} meses</span>
                                            </div>      
                                    </p:column>

. いくつかの列。.

                                </p:dataTable>

しかし、通常の並べ替えの後、JavaScript コードが機能しません。commandButton を使用するときに、onComplete タグを使用し、JS の一部の関数で「更新」を実行します。並べ替えでそれを行うにはどうすればよいですか?

これは JS コードです。fancybox をロードして、commandButton 経由で fancybox を呼び出すだけです。

function setFancyBox(){
    $("a#ifancybox").fancybox({
         'width' : 500,
         'height' : 330,
         'autoScale': false,
         'autoDimensions': false,
         'transitionIn' : 'elastic',
         'transitionOut' : 'elastic',
         'type' : 'inline',
         'overlayColor':'#E8E8E8'
    });
    $("#creditos tr:odd").addClass('par');
    $.fancybox.resize();
}

これは、JS 関数を「リロード」して存続させるコードです。

<p:ajax update="creditOfAccount , actualAccount , creditos , :forminfo:cuentasUsr2 , :forminfo:addBtn1 , :forminfo:tagFromAccount2" oncomplete="setFancyBox();"/>

しかし問題は、デフォルトの種類のプライムフェイスをクリックしたときに「未完了」を行うにはどうすればよいですか?

4

1 に答える 1

0

primefaces datatable は、いくつかの ajax 動作イベントを提供します。「ソート」イベントを使用する必要があります。サポートされているその他の ajax イベントについては、primefaces ユーザー ガイドの 141 ページを参照してください。

<p:ajax event="sort" update="creditOfAccount actualAccount creditos :forminfo:cuentasUsr2 :forminfo:addBtn1 :forminfo:tagFromAccount2" oncomplete="setFancyBox();"/>
于 2012-07-25T12:31:11.307 に答える