Modules

filter

 

Objects/Functions

module (N/ui/serverWidget)

SuiteScript 2.0

Main Examples

N/ui/serverWidget Module
Member Type: Name
Search NetSuite - https://system.netsuite.com/app/help/helpcenter.nl?search=N/ui/serverWidget Module

// Code Example 1
/**
* @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
};
});

// Code Example 2
/**
* @NApiVersion 2.x
* @NScriptType Suitelet
*/
define(['N/ui/serverWidget'], function(serverWidget) {
function onRequest(context) {
var form = serverWidget.createForm({
title: 'Thank you for your interest in Wolfe Electronics',
hideNavBar: true
});

var htmlHeader = form.addField({
id: 'custpage_header',
type: serverWidget.FieldType.INLINEHTML,
label: ' '
}).updateLayoutType({
layoutType: serverWidget.FieldLayoutType.OUTSIDEABOVE
}).updateBreakType({
breakType: serverWidget.FieldBreakType.STARTROW
}).defaultValue = '

We pride ourselves on providing the best' +
' services and customer satisfaction. Please take a moment to fill out our survey.



';

var htmlInstruct = form.addField({
id: 'custpage_p1',
type: serverWidget.FieldType.INLINEHTML,
label: ' '
}).updateLayoutType({
layoutType: serverWidget.FieldLayoutType.OUTSIDEABOVE
}).updateBreakType({
breakType: serverWidget.FieldBreakType.STARTROW
}).defaultValue = '

When answering questions on a scale of 1 to 10,' +
' 1 = Greatly Unsatisfied and 10 = Greatly Satisfied.



';

var productRating = form.addField({
id: 'custpage_lblproductrating',
type: serverWidget.FieldType.INLINEHTML,
label: ' '
}).updateLayoutType({
layoutType: serverWidget.FieldLayoutType.NORMAL
}).updateBreakType({
breakType: serverWidget.FieldBreakType.STARTROW
}).defaultValue = '

How would you rate your satisfaction with our products?

';

form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '1',
source: 'p1'
}).updateLayoutType({
layoutType: serverWidget.FieldLayoutType.STARTROW
});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '2',
source: 'p2'
}).updateLayoutType({
layoutType: serverWidget.FieldLayoutType.MIDROW
});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '3',
source: 'p3'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '4',
source: 'p4'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '5',
source: 'p5'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '6',
source: 'p6'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '7',
source: 'p7'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '8',
source: 'p8'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '9',
source: 'p9'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoproductrating',
type: serverWidget.FieldType.RADIO,
label: '10',
source: 'p10'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.ENDROW});

var serviceRating = form.addField({
id: 'custpage_lblservicerating',
type: serverWidget.FieldType.INLINEHTML,
label: ' '
}).updateLayoutType({
layoutType: serverWidget.FieldLayoutType.NORMAL
}).updateBreakType({
breakType: serverWidget.FieldBreakType.STARTROW
}).defaultValue = '

How would you rate your satisfaction with our services?

';

form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '1',
source: 'p1'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.STARTROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '2',
source: 'p2'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '3',
source: 'p3'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '4',
source: 'p4'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '5',
source: 'p5'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '6',
source: 'p6'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '7',
source: 'p7'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '8',
source: 'p8'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '9',
source: 'p9'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.MIDROW});
form.addField({
id: 'custpage_rdoservicerating',
type: serverWidget.FieldType.RADIO,
label: '10',
source: 'p10'
}).updateLayoutType({layoutType: serverWidget.FieldLayoutType.ENDROW});

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

context.response.writePage(form);
}

return {
onRequest: onRequest
};
});

//SOURCE: https://system.netsuite.com/app/help/helpcenter.nl?fid=section_4321345532.html