2016-04-24 28 views
0

我想使我的<p:dataGrid>自动分页。如果不使用下一个按钮,请在几秒钟内移至下一页。如何在p:dataGrid中自动生成paginator

<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"> 

我该如何做到这一点?

+0

JSF,结果,在客户端,在所有只是简单的HTML,CSS和JavaScript(你可以在答案中看到)。所以下一次寻找'通用'的问题,如'我怎么可以点击一个按钮从JavaScript'或如何使用paginator js api ...或... – Kukeltje

回答

0

你可以用一点javascript来实现。在widgetVar属性设置为您的数据网格并添加这样的:

var myVar = setInterval(myTimer, 5000); 

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

它的作品,我做了一些改变谢谢 – Mbarki

0

它的工作原理与JavaScript 这是脚本

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>