2016-04-24 7 views
0

Ich möchte meine <p:dataGrid> Paginierung automatisch machen. Ohne die nächste Schaltfläche zu verwenden, wechseln Sie in wenigen Sekunden zur nächsten Seite.wie automatische Paginator in p: dataGrid

<p:dataGrid id="cars" var="of" value="#{infoBaseOfVals.listinfoBaseOf}" 
    columns="2" rows="4" layout="grid" paginator="true" cellpadding="10" 
    cellspacing="20px" scrolling="false" responsive="true" type="unordered" itemType="none" 
    paginatorTemplate="Nombre OFs : #infoBaseOfVals.listinfoBaseOf.size()} OFs {CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
    rowsPerPageTemplate="2,4,8,16,24,32,40,48,56,64,72,80"> 

Wie kann ich das erreichen?

+0

JSF, Ergebnisse, auf der Client-Seite, in alles nur einfache HTML, CSS und Javascript (wie Sie in der Antwort sehen können). Also nächstes Mal nach 'generischen' Fragen wie 'Wie kann ich auf eine Schaltfläche von Javascript klicken' oder wie kann der Paginator js api ... oder ... – Kukeltje

Antwort

0

Sie können das mit ein wenig Javascript erreichen. Stellen Sie die widgetVar Attribut auf Ihre DataGrid- und fügen Sie etwas wie folgt aus:

var myVar = setInterval(myTimer, 5000); 

function myTimer() { 
    myDataGrid.getPaginator().setPage(myDataGrid.cfg.page + 1); 
} 
+0

funktioniert es, ich mache einige Änderungen, danke – Mbarki

0

es mit javaScript arbeitet dies ist das Skript

var myVar = setInterval(myTimer, 5000); 
function myTimer() { 
    var myvar1 = myDataGrid.cfg.paginator.page; 
    var myvar2 = myDataGrid.cfg.paginator.pageCount - 1; 
    if(myvar1 == myvar2) 
     myDataGrid.paginator.setPage(0) ; 
    myDataGrid.paginator.setPage(myDataGrid.cfg.paginator.page + 1); 
    } 
<p:dataGrid widgetVar="myDataGrid" id="cars" var="of" value="#infoBaseOfVals.listinfoBaseOf}" 
columns="2" rows="4"paginator="true" responsive="true" itemType="none" 
paginatorTemplate="Nombre OFs : #{infoBaseOfVals.listinfoBaseOf.size()} OFs {CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
rowsPerPageTemplate="2,4,8,16,24" > 
<h:outputText value="#{of.of_id}" /> 
</p:dataGrid>