2016-04-24 88 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>