Build a simple portlet that posts data to a servlet

This sample is a portlet script builds a simple a simple for that posts data to a servlet.

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

JSDoc tags are added at the top of the script to indicate the script version and script type.
The define statement is added which imports the N/portlet module.
The return statement is added with the render entry point.
The addField, addSelectOption, and setSubmitButton functions are changed to methods that accept an object as the parameter.
The setLayoutType function is changed to the updateLayout and updateBreakType methods.

SuiteScript 1.0 Script	SuiteScript 2.0 Script
function demoSimpleFormPortlet(portlet, column) { portlet.setTitle('Simple Form Portlet') var fld = portlet.addField('text','text','Text'); fld.setLayoutType('normal','startcol'); portlet.addField('integer','integer','Integer'); portlet.addField('date','date','Date'); var select = portlet.addField('fruit','select','Select'); select.addSelectOption('a','Oranges'); select.addSelectOption('b','Apples'); select.addSelectOption('c','Bananas'); portlet.addField('textarea','textarea','Textarea'); portlet.setSubmitButton('http://httpbin.org/post','Submit'); }	/** @NApiVersion 2.0 @NScriptType Portlet */ define([], function () { function render(params) { var portlet = params.portlet; portlet.title = 'Simple Form Portlet'; var fld = portlet.addField({ id: 'text', type: 'text', label: 'Text' }); fld.updateLayoutType({ layoutType: 'normal' }); fld.updateBreakType({ breakType: 'startcol' }); var select = portlet.addField({ id: 'fruit', type: 'select', label: 'Select' }); select.addSelectOption({ value: 'a', text: 'Oranges' }); select.addSelectOption({ value: 'b', text: 'Apples' }); select.addSelectOption({ value: 'c', text: 'Bananas' }); portlet.addField({ id: 'textarea', type: 'textarea', label: 'Textarea' }); portlet.setSubmitButton({ url: 'http://httpbin.org/post', label: 'Submit', target: '_top' }); } return { render: render }; });

SuiteScript 1.0 Script

SuiteScript 2.0 Script

                    function demoSimpleFormPortlet(portlet, column) {
    portlet.setTitle('Simple Form Portlet')
    
    var fld = portlet.addField('text','text','Text');

    fld.setLayoutType('normal','startcol');

    portlet.addField('integer','integer','Integer');

    portlet.addField('date','date','Date');

    var select = portlet.addField('fruit','select','Select');  
 
    select.addSelectOption('a','Oranges');

    select.addSelectOption('b','Apples');

    select.addSelectOption('c','Bananas');  
 
    portlet.addField('textarea','textarea','Textarea');

    portlet.setSubmitButton('http://httpbin.org/post','Submit');
}

                    /**
 *@NApiVersion 2.0
 *@NScriptType Portlet
 */

define([], function () {
    function render(params) {
        var portlet = params.portlet;
        
        portlet.title = 'Simple Form Portlet';
        
        var fld = portlet.addField({
            id: 'text',
            type: 'text',
            label: 'Text'
        });

        fld.updateLayoutType({
            layoutType: 'normal'
        });

        fld.updateBreakType({
            breakType: 'startcol'
        });

        var select = portlet.addField({
            id: 'fruit',
            type: 'select',
            label: 'Select'

        });

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

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

       select.addSelectOption({
            value: 'c',
            text: 'Bananas'
        });

        portlet.addField({
            id: 'textarea',
            type: 'textarea',
            label: 'Textarea'
        });

        portlet.setSubmitButton({
            url: 'http://httpbin.org/post',
            label: 'Submit',
            target: '_top'
        });
    }
    return {
        render: render
    };
});

General Notices