Create a simple form

This sample is a Suitelet that creates a simple form.

The conversion of this script from SuiteScript 1.0 to SuiteScript 2.0 includes the following:

SuiteScript 1.0 Script

SuiteScript 2.0 Script

                    function demoSimpleForm(request, response) {
    if ( request.getMethod() == 'GET' ) {
        var form = nlapiCreateForm('Simple Form');
        var field = form.addField('textfield','text', 'Text');
        field.setLayoutType('normal', 'startcol')
        form.addField('datefield','date', 'Date');
        form.addField('currencyfield','currency', 'Currency');
        form.addField('textareafield','textarea', 'Textarea');
        
        var select = form.addField('selectfield','select', 'Select');
        select.addSelectOption('','');
        select.addSelectOption('a', 'Albert');
        select.addSelectOption('b', 'Baron');
        select.addSelectOption('c', 'Chris');
        select.addSelectOption('d', 'Drake');
        select.addSelectOption('e', 'Edgar');
 
        var sublist = form.addSubList('sublist','inlineeditor', 'Inline Editor Sublist');
        sublist.addField('sublist1', 'date', 'Date');
        sublist.addField('sublist2', 'text', 'Text');
        sublist.addField('sublist3', 'currency', 'Currency');
        sublist.addField('sublist4', 'textarea', 'Large Text');
        sublist.addField('sublist5', 'float', 'Float');
 
        form.addSubmitButton('Submit');
 
        response.writePage( form );
    }
    else {
        dumpResponse(request,response);
    }
} 

                  
                    /**
 * @NApiVersion 2.x
 * @NScriptType Suitelet
 */

define(['N/ui/serverWidget'], function (serverWidget) {
    function onRequest(context) {
        if (context.request.method === 'GET') {
            var form = serverWidget.createForm({
                title: 'Simple Form'
            });

            var field = form.addField({
                id: 'custpage_text',
                type: serverWidget.FieldType.TEXT,
                label: 'Text'
            });

            field.layoutType = serverWidget.FieldLayoutType.NORMAL;

            field.updateBreakType({
                breakType: serverWidget.FieldBreakType.STARTCOL
            });

            form.addField({
                id: 'custpage_date',
                type: serverWidget.FieldType.DATE,
                label: 'Date'
            });

            form.addField({
                id: 'custpage_currencyfield',
                type: serverWidget.FieldType.CURRENCY,
                label: 'Currency'
            });

            var select = form.addField({
                id: 'custpage_selectfield',
                type: serverWidget.FieldType.SELECT,
                label: 'Select'
            });

            select.addSelectOption({
                value: 'a',
                text: 'Albert'
            });

            select.addSelectOption({
                value: 'b',
                text: 'Baron'
            });

            var sublist = form.addSublist({
                id: 'sublist',
                type: serverWidget.SublistType.INLINEEDITOR,
                label: 'Inline Editor Sublist'
            });

            sublist.addField({
                id: 'sublist1',
                type: serverWidget.FieldType.DATE,
                label: 'Date'
            });

            sublist.addField({
                id: 'sublist2',
                type: serverWidget.FieldType.TEXT,
                label: 'Text'
            });

            form.addSubmitButton({
                label: 'Submit Button'
            });

            context.response.writePage(form);
        } else {
            var delimiter = /\u0001/;
            var textField = context.request.parameters.textfield;
            var dateField = context.request.parameters.datefield;
            var currencyField = context.request.parameters.currencyfield;
            var selectField = context.request.parameters.selectfield;
            var sublistData = context.request.parameters.sublistdata.split(delimiter);
            var sublistField1 = sublistData[0];
            var sublistField2 = sublistData[1];

            context.response.write('You have entered: ' + textField + ' ' + dateField + ' '
                + currencyField + ' ' + selectField + ' ' + sublistField1 + ' ' + sublistField2);
        }
    }

    return {
        onRequest: onRequest
    };
}); 

                  

General Notices