X

Developer Partner Community

Adding Paging Control to Tables in Visual Builder by Shay Shmeltzer

Juergen Kress
PaaS Partner Adoption

image

Paging control was a common pattern for controlling the number of records shown on a page and for fetching another set of records. Today, with the richer functionality provided by browsers, you can get a better user experience with native scroll functionality and a "load more" approach. I blogged about it in a previous entry that shows how scrolling/fetching/pagination works in VB tables by default. This "load more on scroll" approach is what you see in your Twitter and Facebook feeds for example. Google's search page seems to be one of the last remaining sites to stick with the "next 10 records" approach. At Oracle our UI experts also instructed our Cloud Apps development teams to not use paging controls. But, if you insist on adding a pagination control to your tables, here is a quick demo showing how to achieve this. 

Oracle JET has a pagination control that can be added to a table, see the example in their cookbook. The component relies on a PagingDataProviderView variable. This type is not one of the variable types that are "natively" available in VB, but you can easily create one in a JavaScript function and assign it to a variable of type Any. You simply pass to it an array of data and use the following code to create the variable. (Important note - make sure to use the correct field as the idAttribute for the record - something I forgot to do in the video - this is important for correctly returning the rowkey in record selection events). Read the complete article here.

 

Developer Partner Community

For regular information become a member in the Developer Partner Community please register here.

clip_image003 Blog clip_image005 Twitter clip_image004 LinkedIn image[7][2][2][2] Facebook image Meetups

Technorati Tags: PaaS,Cloud,Middleware Update,WebLogic, WebLogic

Be the first to comment

Comments ( 0 )
Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.