In my current project we had an requirement where we needed pagination to be implemented on scroll end of table but unfortunately there wasn't any scroll end API for SAPUI5 table. So we had to implement a workaround solution in jQuery to support scroll end functionality.
Here goes the solution
//Add an event delegate for oTable
oTable.addEventDelegate({
onAfterRendering:function() { //after rendering get the reference of the dom element //Currently I have ripped the reference from the SAPUI5 table and binded an jquery scroll event to dom element $('.sapUiScrollBar > div:eq(0)').bind("scroll", function () { var self = $(this); if (self[0].scrollHeight - self.scrollTop() == self.height()) { //Calculation to check if scroll end position is reached var oData = oModel.getData(); oData.modelData.push({lastName: "Dente", name: "Al", checked: true, linkText: "www.sap.com", href: "http://www.sap.com", src: "images/person1.gif", gender: "male", rating: 4},
{lastName: "Friese", name: "Andy", checked: true, linkText: "www.sap.com", href: "http://www.sap.com", src: "images/person2.gif", gender: "male", rating: 2},
{lastName: "Mann", name: "Anita", checked: false, linkText: "www.sap.com", href: "http://www.sap.com", src: "images/person1.gif", gender: "female", rating: 3},
{lastName: "Schutt", name: "Doris", checked: true, linkText: "www.sap.com", href: "http://www.sap.com", src: "images/person1.gif", gender: "female", rating: 4},
{lastName: "Open", name: "Doris", checked: true, linkText: "www.sap.com", href: "http://www.sap.com", src: "images/person1.gif", gender: "female", rating: 2}); oModel.setData(oData); oTable.rerender(); //Rerender the table once scroll end is reached } });
}
});
I hope this workaround helps out someone who are currently looking around for solution until SAPUI5 library introduces an API.
Snippix Link for Internal Employees: http://veui5infra.dhcp.wdf.sap.corp:8080/snippix/#85438
Download Example From Attachment