Pagination

Create a hidden page field

 let pageIdField = form.addField({

                    id: ‘custpage_pageid’,

                    type: serverWidget.FieldType.INTEGER,

                    label: ‘Page ID’

                });

                pageIdField.defaultValue = context.request.parameters.pageid || 1;

            pageIdField.updateDisplayType({ displayType: serverWidget.FieldDisplayType.HIDDEN });

Set default pageSize

let pageSize = 25;

                let pageId = parseInt(context.request.parameters.pageid) || 1;

                let start = (pageId – 1) * pageSize;

            let end = start + pageSize;

              log.debug(“Page Info”, `Page ID: ${pageId}, Start: ${start}, End: ${end}`);

Set button in the suitelte script

if (pageId > 1) {

                    form.addButton({

                        id: ‘custpage_prev_button’,

                        label: ‘Previous’,

                        functionName: `goToPage(${pageId – 1})`

                    });

                }

                if (pageId < totalPages) {

                    form.addButton({

                        id: ‘custpage_next_button’,

                        label: ‘Next’,

                        functionName: `goToPage(${pageId + 1})`

                    });

                }

Function is defined in the client script

 function goToPage(pageId) {

        var suiteletUrl = url.resolveScript({

            scriptId: ‘customscript_jj_sl_bulk_emp_portal_acces’,

            deploymentId: ‘customdeploy_jj_sl_bulk_emp_portal_acces’,

            params: { pageid: pageId }

        });

        window.location.href = suiteletUrl;

    }