How to use any Oracle JET Component in VBCS by Herman Hensinga

Oracle JET has more components than available in VBCS. Using Web Components you can extend VBCS yourself with the missing JET components.

In Oracle JET you can add a Paging control to a table. For that you have to use a PagingDataSource. The Paging Control and PagingDataSource are (out of the box) not available in VBCS .
By using a Web/Composite Component I am able to add a Paging control to a Table component.

Creating the Web Component

For this use case I have created a Web Component paging-tables.zip with some properties:

§ columns, array of columns to display in the table (structure you would normally use for columns attribute of table component

§ id column, name of column that contains the row identifier

§ size, number of rows to display on one page

§ tabledata, array with row objects (data object from an ArrayDataProvider)

These properties are defined in the component.json file.

As the component is based on the oj-paging-control inside an oj-table, you could also add properties like mode and slot. You can find more on the paging-control in the Oracle JET Cookbook.

The component can also be further improved with icons, default values for properties, enumerations etc. Duncan Mills has created a nice blog describing what is possible. Read the complete article here.

Developer Partner Community

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

Blog Twitter LinkedIn Facebook Meetups