Create a Custom List
Note:
This script sample uses the define function, which is required for an entry point script (a script you attach to a script record and deploy). You must use the require function if you want to copy the script into the SuiteScript Debugger and test it. For more information, see SuiteScript Debugger.
The following code creates a Suitelet that generates a custom list page. For steps to create this script, see Steps for Creating a Custom List Page with SuiteScript 2.x.
/**
* @NApiVersion 2.x
* @NScriptType Suitelet
*/
define(['N/ui/serverWidget'], function(serverWidget) {
function onRequest(context){
if(context.request.method === 'GET'){
// Section One - List - See 'Steps for Creating a Custom List Page', Step Five
var list = serverWidget.createList({
title: 'Purchase History'
});
list.style = serverWidget.ListStyle.REPORT;
list.addButton({
id: 'buttonid',
label: 'Test',
functionName: '' // the function called when the button is pressed
});
// Section Two - Columns - See 'Steps for Creating a Custom List Page', Step Seven
var datecol = list.addColumn({
id: 'column1',
type: serverWidget.FieldType.DATE,
label: 'Date',
align: serverWidget.LayoutJustification.RIGHT
});
list.addColumn({
id: 'column2',
type: serverWidget.FieldType.TEXT,
label: 'Product',
align: serverWidget.LayoutJustification.RIGHT
});
list.addColumn({
id: 'column3',
type: serverWidget.FieldType.INTEGER,
label: 'Quantity',
align: serverWidget.LayoutJustification.RIGHT
});
list.addColumn({
id: 'column4',
type: serverWidget.FieldType.CURRENCY,
label: 'Unit Cost',
align: serverWidget.LayoutJustification.RIGHT
});
list.addRows({
rows: [{column1: '05/30/2018', column2: 'Widget', column3: '4', column4: '4.50'},
{column1: '05/30/2018', column2: 'Sprocket', column3: '6', column4: '11.50'},
{column1: '05/30/2018', column2: 'Gizmo', column3: '9', column4: '1.25'}]
});
context.response.writePage(list);
}
}
return {
onRequest: onRequest
}
});