PrimeFaces dataTable - 如何在更改时滚动到其底部

问题描述:

我有一个PrimeFaces数据表,它可以刷新页面各种控件的动作。 (我使用p:ajax update="myDataTable" ..)PrimeFaces dataTable - 如何在更改时滚动到其底部

我有一个JavaScript方法在最后一个表行上调用row.scrollIntoView(true)。 (更好的row.scrollIntoViewIfNeeded(true)似乎只在Chrome中可用。)

那么,我需要表滚动到这种刷新的最后一项。有什么事我可以听吗?或者有其他方法吗?

p:ajax标记具有oncomplete属性。你可以使用:

<p:ajax update="myDataTable" oncomplete="yourJsMethod()"/> 

使用jQuery的(它是由PrimeFaces原生支持):

function scrollToBottom() { 
    $('.ui-datatable-scrollable-body').scrollTop(100000) 
} 

接下来,

<p:ajax update="myDataTable" oncomplete="scrollToBottom()"/>